/* CSS Document */

body, html {
	margin:0px;
	padding:0px;
	width:100%;
	font-family:Helvetica, Arial, Verdana;
	color:#666666;
	font-size:11px;
}

img {
	border:0px;
	behavior: url(fonctions/iepngfix.htc);
}

#header img {
	behavior: url(fonctions/iepngfix.htc);
}

p {
	margin:0px;
	padding:0px;
}

a {
	color:#333333;
	text-decoration:underline;
	font-family:Helvetica, sans-serif
}

h2 {
	font-size:17px;
	margin-bottom:15px;
}

a:hover {
	color:#FF0000;
	text-decoration:underline;
}


ul{
	margin-top:10px;
	margin-bottom:10px;
}

li{
	margin-left:-25px;
	padding:0px;
	list-style-image:url(images/puce.gif);
}

#global{
	text-align:left;
	width:775px;
	position:relative;
}

#top{
	width:775px;
	height:150px;
}

#tdLogo{
	text-align:center; 
	vertical-align:middle;
	width:210px;
	height:148px;
	padding-left:28px;
}

#tdAnimTop {
	text-align:right;
	vertical-align:bottom;
	height:150px;
}

#bottom {
	text-align:center;
	vertical-align:bottom;
	background-image:url(images/degrade_bas.gif);
	background-repeat:repeat-x;
	background-position:0px 76px;
	width:100%;
	padding-bottom:24px;
}

/*#menu {
	background-image:url(images/fond_menu.png);
	background-repeat:no-repeat;
	background-position:18px 3px;
	width:226px;
	height:394px;
	padding-left:30px;
	padding-top:40px;
}*/

.tdMenu {
	padding-left:22px;
}

#menuTop {
	background-image:url(images/cadreMenu/top.png);
	background-repeat:no-repeat;
	width:211px;
	height:41px;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreMenu/top.png',sizingMethod='scale');
}

#menuCenter {
	background-image:url(images/cadreMenu/center.png);
	background-repeat:repeat-y;
	width:211px;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreMenu/center.png',sizingMethod='scale');
}

#menuBottom {
	background-image:url(images/cadreMenu/bottom.png);
	background-repeat:no-repeat;
	width:211px;
	height:29px;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadreMenu/bottom.png',sizingMethod='scale');
}

#menuSousTitre{
	font-size:10px;
	color:666666;
}

.lienMenu{
	text-decoration:none;
	font-size:20px;
	color:#666666;
}

.lienMenu:hover{
	text-decoration:none;
	color:#C1111D;
	font-size:20px;
}

.lienMenuAct{
	text-decoration:none;
	color:#C1111D;
	font-size:20px;
}

.lienMenuAct:hover{
	text-decoration:none;
	color:#C1111D;
	font-size:20px;
}
.menu{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:22px;
}

#degradeHaut {
	background-image:url(images/degrade_haut.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	position:absolute;
	top:129px;
	width:100%;
	height:24px;
	z-index:-1;
}

#contenu {
	text-align:left;
	width:549px;
	padding-top:6px;
	padding-left:5px;
}

#blocContenu {
	border-bottom:1px dotted #999999;
	padding-bottom:20px;
	padding-top:20px;
}

#blocContenuListe {
	border-bottom:1px dotted #999999;
	padding-bottom:10px;
	padding-top:10px;
}

#blocContenuServices {
	padding-top:20px;
}

#blocContenuPortfolio {
	padding-bottom:20px;
	padding-top:20px;
}


.tdBlocContenuImage {
	background-image:url(images/contenu/imgFond.gif);
	background-repeat:no-repeat;
	width:203px;
	height:92px;
	vertical-align:top;
	padding-top:6px;
	padding-left:6px;
	position:relative;

	
}

.tdBlocContenuImageServices {
	width:206px;
	vertical-align:top;
	padding-left:6px;
	position:relative;
	
}

.tdBlocContenuImageBig {
	background-image:url(images/contenu/imgFondBig.png);
	background-repeat:no-repeat;
	width:377px;
	height:255px;
	vertical-align:top;
	padding-top:7px;
	padding-left:7px;
	position:relative;
	
}

.tdBlocContenuPortfolioTexte {
	width:377px;
}

.tdBlocContenuImageSmall {
	background-image:url(images/contenu/imgFondSmall.png);
	background-repeat:no-repeat;
	width:94px;
	height:65px;
	vertical-align:top;
	padding-top:6px;
	padding-left:6px;
	position:relative;
	
}

#tdBlocContenuTexte {
	vertical-align:top;
	padding-top:5px;
	padding-left:10px;
	font-family:Helvetica, Arial, Verdana;
	color:#666666;
	font-size:11px;
}

#titre {
	font-size:14px;
	font-weight:bold;
	color:#2D2F2A;
	margin:0px;
	padding:0px;
}

#titrePortfolioTexte {
	font-size:14px;
	font-weight:bold;
	color:#2D2F2A;
	padding-left:4px;
}

#titrePortfolioTexte h1 {
	font-size:14px;
	font-weight:bold;
	color:#2D2F2A;
	margin:0px;
	padding:0px;
}

#titreContact {
	font-size:14px;
	font-weight:bold;
	color:#2D2F2A;
	padding-top:2px;
}


#soustitrePortfolioTexte {
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-left:4px;
}

#soustitrePortfolioTexte h2{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:0px;
}


.titrePortfolio {
	position:relative;
	margin-top:-26px;
	background-image:url(images/fondTrans.png);
	color:#FFFFFF;
	width:183px;
	height:20px;
	padding-left:5px;
	padding-top:8px;
	display:none;
	cursor:pointer;
}

#PortfolioScroll {
	position:relative;
	height:245px;
	width:120px;
	overflow:auto;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #FFFFFF;
	
}

#date {
	text-align:right;
	padding-right:20px;
}

#bottomMenu {
	padding-top:4px;
	text-align:left;
}

.tdBlocContenuContact {
	background-image:url(images/contenu/imgFondContact.gif);
	background-repeat:no-repeat;
	width:116px;
	height:83px;
	vertical-align:top;
	padding-top:9px;
	padding-left:9px;
	position:relative;
	
	
	
}

.titreFormContact {
	width:113px;
	padding-top:3px;
	text-align:right;
	padding-right:10px;
	padding-bottom:10px;
	vertical-align:top;
}

.tdFormContact {
	padding-bottom:10px;
}

.formContact {
	border:1px solid #999999;
	background-color:#FFFFFF;
	padding:2px;
	padding-top:3px;
	color:#666666;
	font-size:10px;
	vertical-align:middle;
	font-family:Helvetica, Verdana, Arial, sans-serif;
}

.formContactTextArea {
	width:300px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	padding:2px;
	padding-top:3px;
	color:#666666;
	font-size:10px;
	vertical-align:middle;
	font-family:Helvetica, Verdana, Arial, sans-serif;
}

#blocPlanSite {
	padding-left:20px;
	font-size:10px;
}

#blocContenuPlanSite {
	min-height:450px;
	padding-bottom:20px;
	padding-top:40px;
	padding-left:50px;
	font-size:12px;
	font-weight:bold;
}

*html #blocContenuPlanSite {height:450px;}

#blocContenuMentions {
	padding-bottom:20px;
	padding-top:40px;
}

.cadre {
	font-size:1px;
}

#slogan{
	font-size:18px;
	font-weight:normal;
	margin:0px;
	color:#C1111D;
}

#intro{
	font-size:14px;
	font-weight:normal;
	margin:0;
}

#panneau{
	text-align:center;
}

#panneauLeft{
/*	background-image:url(images/panneau/left.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-position:bottom;
*/	width:15px;
	height:74px;
	margin:0px;
	vertical-align:top;
}

#panneauCenter{
	background-image:url(images/panneau/center.gif);
	background-repeat:repeat-x;
	background-position:center;
	width:200px;
	color:#C1111D;
	font-size:18px;
	text-align:center;
	margin:0px;
}

#panneauRight{
/*	background-image:url(images/panneau/right.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-position:bottom;
*/	width:19px;
	height:74px;
	margin:0px;
	vertical-align:top;
}

.separateur {
	border-bottom:1px dotted #999999;
}



.divPortfolio {
	background-image:url(images/portfolio/corde.gif);
	background-repeat:repeat-y;
	background-position:6px 0px;
	cursor:pointer;
}

.rowPortfolioRondEtt {
	background-image:url(../images/portfolio/rondEtt.gif); 
	background-repeat:no-repeat; 
	background-position:top;
}

.rowPortfolioRondAll {
	background-image:url(../images/portfolio/rondAll.gif); 
	background-repeat:no-repeat; 
	background-position:top;
}

.portfolioBlocHG {
	width:5px;
	height:5px;
	background-image:url(images/portfolio/hg.gif);
	background-repeat:no-repeat;
	font-size:1px;
}


.portfolioBlocH {
	height:5px;
	background-color:#C0141E;
	font-size:1px;
}

.portfolioBlocHD {
	width:5px;
	height:5px;
	background-image:url(images/portfolio/hd.gif);
	background-repeat:no-repeat;
	font-size:1px;
}

.portfolioBlocG {
	width:5px;
	background-color:#C0141E;
	font-size:1px;
}

.portfolioBlocM {
	background-color:#C0141E;
	color:#FFFFFF;
	padding:5px;
	white-space:nowrap;
}

.portfolioBlocM a {
	text-decoration:none;
	color:#FFFFFF;
}

.portfolioBlocM a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.portfolioBlocD {
	width:5px;
	background-color:#C0141E;
	font-size:1px;
}

.portfolioBlocBG {
	width:5px;
	height:5px;
	background-image:url(images/portfolio/bg.gif);
	background-repeat:no-repeat;
	font-size:1px;
}

.portfolioBlocB {
	width:5px;
	background-color:#C0141E;
	font-size:1px;
}


.portfolioBlocBD {
	width:5px;
	height:5px;
	background-image:url(images/portfolio/bd.gif);
	background-repeat:no-repeat;
	font-size:1px;
}



.portfolioBlocHGEtt {
	width:5px;
	height:5px;
	background-image:none;
	font-size:1px;
}


.portfolioBlocHEtt {
	height:5px;
	background-color:#FFFFFF;
	font-size:1px;
}

.portfolioBlocHDEtt {
	width:5px;
	height:5px;
	background-image:none;
	font-size:1px;
}

.portfolioBlocGEtt {
	width:5px;
	background-color:#FFFFFF;
	font-size:1px;
}

.portfolioBlocMEtt {
	background-color:#FFFFFF;
	color:#333333;
	padding:5px;
	white-space:nowrap;
}

.portfolioBlocMEtt a {
	text-decoration:none;
	color:#333333;
}

.portfolioBlocDEtt {
	width:5px;
	background-color:#FFFFFF;
	font-size:1px;
}

.portfolioBlocBGEtt {
	width:5px;
	height:5px;
	background-image:none;
	font-size:1px;
}

.portfolioBlocBEtt {
	width:5px;
	background-color:#FFFFFF;
	font-size:1px;
}


.portfolioBlocBDEtt {
	width:5px;
	height:5px;
	background-image:none;
	font-size:1px;
}

.apercuEtt {
	display:none;
	width:300px;
	position:absolute;
	right:0px;
	top:230px;
	height:30px;
}

.apercuAll {
	display:block;
	width:300px;
	position:absolute;
	right:0px;
	top:230px;
	height:30px;
	cursor:pointer;
	
}

#galerie li {
	margin-left:0px;
}

#galerie {
	position:absolute;
	z-index:10;
	top:200px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.btnFermer {
	/*background-image:url(images/portfolio/fondBlanc.png);*/
	background-repeat:no-repeat;
	width:260px;
	height:31px;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
	z-index:100;
	position:absolute;
	top:0px;
	left:50%;	
	display:none;
}

.X {
	width:31px;
	height:31px;
	background-image:url(images/portfolio/fermer2_ett.png);
	background-repeat:no-repeat;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/portfolio/fermer2_ett.png',sizingMethod='scale');
	z-index:101;
	cursor:pointer;
	float:right;
	
}

#loader {
	text-align:center;
}

.divFacebook {
	position:absolute;
	bottom:-77px;
	left:600px;
}

#descB {
	position:relative;
	padding-top:20px;
	font-size:10px;
	color:#999;
	text-align:justify;
}