/* Thierry-deco */
body{
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/bg.gif) repeat-x;
}

.body2{
	background:url(images/bg2.gif) repeat-x;
}

#page{
	width:955px;
	margin:0 auto;
}
.clear{
	clear:both;
}
*{ margin:0; padding:0;}
/*index*/
#topindex{
	width:955px;
	background: url(images/top-index.gif) no-repeat top #959488;
	height:357px;
	border-bottom:1px solid #fff;
}
.logo{
	float:right;
	margin:48px 11px 0 0;
}
#contenuindex{
	width:955px;
	background:url(images/fond-index.jpg) top right no-repeat;
	padding:15px 0 20px 0;
}
.txtindex{
	float:left;
	width:205px;
	padding:5px 15px 0 15px;
	color:#286FA9;
	font-size:11px;
	font-weight:bold;
}
.txtindex p{
	padding:0 0 10px 0;
}
.txtindex span{
	color:#BCBC14;
	font-weight:bold;
}
.txtgri{
	color:#63625B;
}
.txtindex h3{
	background:url(images/fond-titre-page.gif) no-repeat bottom left;
	width:143px;
	height:25px;
	padding:0 0 0 15px;
	color:#BDCA36;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 30px 0;
}
#diaporama{
	width:430px;
	float:left;
	padding:0;
	background: #fff;
	border: #ccc solid 2px;
	position: relative;
	margin: 15px 0 0 0;
}
/*actualités*/
.actualite{
	width:256px;
	float:left;
	padding:0 0 0 27px;
}
.actu{
	background:url(images/bg-actu.gif) bottom right no-repeat;
	font-size:11px;
	color:#63625B;
	display:block;
	padding:10px 0 10px 0;
}
.actu img{
	padding:1px;
	background:#E6E6E3;
	border:1px solid #AFAFA5;
	vertical-align:middle;
	float: left;
	margin:0 10px 0 0;
}
p.date{
	font-size:11px;
	font-weight:bold;
}

p.date img{
	border:none;
background:none;
padding:4px 3px 0 0;
margin:0;
}
.lire a{
	font-weight:bold;
	float:right;
	margin:15px 10px 0 0;
	color:#2369A0;
	text-decoration:none;
}
.lire a:hover{
	color:#BCBC14;
	text-decoration:none;
}
/*menu*/
#menuaccueil{
	width:480px;
	float:left;
	margin:215px 0 0 12px;
}
#menuaccueil ul{
	list-style-type:none;
}
#menuaccueil li{
	float:left;

}
#menuaccueil li a{
	color:#FFFFFF;
	font-size:18px;
	background:url(images/filet.gif) 16px 20px no-repeat;
	text-decoration:none;
	height:120px;
	display:block;
	float:left;
	padding:0 22px 0 12px;
}
#menuaccueil li a:hover{
	color:#1C5F9A;
	text-decoration:none;
}
#menuaccueil li a.actif{
	color:#1C5F9A;
}
#contenent{
	width:955px;
	background:url(images/ombre-contenu.gif) top no-repeat;
	padding-bottom: 20px;
}


/* page int */
#topint{
	width:955px;
	background: url(images/top-int.gif) no-repeat top #959488;
	height:154px;
	border-bottom:1px solid #fff;
}
.logoint{
	float: left;
	margin:0 0 0 27px;
}

/*menu int*/
#menuint{
	width:510px;
	float:left;
	margin:37px 0 0 90px;
}
#menuint ul{
	list-style-type:none;
}
#menuint li{
	float:left;

}
#menuint li a{
	color:#FFFFFF;
	font-size:18px;
	background:url(images/filet.gif) 16px 20px no-repeat;
	text-decoration:none;
	height:99px;
	display:block;
	float:left;
	padding:0 22px 0 20px;
}
#menuint li a:hover{
	color:#1C5F9A;
	text-decoration:none;
}
#menuint li a.actif{
	color:#1C5F9A;
}
.siteencour{
	text-align:center;
	color:#2369A0;
	font-weight:bold;
	padding:20px 0 0 0;
	font-size:12px;
}
.hauteur{
	width:0;
	height:300px;
	float:left;
}
/*en s'avoir plus*/
.EnSavoirPlus{
	width:946px;
	padding:20px 0 0 0;
}
.EnSavoirPlus h2{
	background:url(images/fond-titre-page.gif) no-repeat bottom left;
	width:143px;
	height:25px;
	padding:0 0 0 15px;
	color:#BDCA36;
	font-size:17px;
	font-weight:bold;
	margin: 0 0 30px 20px;
}
.AvantApre{
	width:454px;
	float:left;
	text-align:center;
	color:#63625B;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 10px;
	height: auto;
}
.pleinecran{
	margin:0 0 0 20px;
}
.AvantApre span{
	float:left;
	margin:5px 15px 15px 0;
	cursor:pointer;
}
.ravalement{
	padding:18px 0 0 0;
}

.revetement{
	width:454px;
	float:left;
	text-align:center;
	color:#63625B;
	font-size:12px;
	font-weight:bold;
}
.revetement span{
	float:left;
	margin:10px 15px 15px 0;
	cursor:pointer;
}
.Vitreri{
	width:454px;
	float:left;
	text-align:center;
	color:#63625B;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0 0 0 230px;
}
.Vitreri span{
	float:left;
	margin:10px 15px 15px 0;
	cursor:pointer;
}

/* contact */
#topcontact{
	width:955px;
	background: url(images/top-contact.gif) no-repeat top #959488;
	height:154px;
	border-bottom:1px solid #fff;
}
.contenucontat{
	width:950px;
	padding:25px 0 0 29px;
	margin:0 0 20px 0;
	background:url(images/top-formulaire.gif) no-repeat 400px 0px;
}
.coordonnee h2{
	background: url(images/bg-coordonne.gif) no-repeat bottom left;
	width:306px;
	height:25px;
	padding:0 0 0 15px;
	color:#BDCA36;
	font-size:17px;
	font-weight:bold;
	margin: 0 0 20px 0;
}
.coordonnee{
	width:339px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#63625B;
}
.coordonnee p{
	padding:0 0 10px 15px;
}
.coordonnee .bleu{
	color:#266BA4;
}
.coordonnee h3{
	margin:10px 0 10px 0;
	color:#BDCA36;
	font-size:16px;
	font-weight:bold;
	background:url(images/flech.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
}
.supportformulaire{
	width:520px;
	float:left;
	background:url(images/px-formulaire.gif) repeat-x top;
	margin:150px 0 0 32px;
	padding:10px 0 0 10px;
	font-size:11px;
	color:#000000;
}
.supportformulaire h2{
	background:url(images/flech-formulaire.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}
.supportformulaire p{
	margin:5px 0 5px 0; 
	float:left;
	display:block;
}
/*.supportformulaire .pro{
	float:left;
	width:120px;
}*/
.supportformulaire .radio  {
	border:none;
	width:20px;
	float:left;
	padding:0px 0 0 10px;
margin:5px 5px 0 5px;
	
}
/*.supportformulaire .part{
	float:left;
	padding-left:5px;
	width:150px;
}*/
.supportformulaire .nom{
	float:left;
	height:20px;
}
 
.supportformulaire .prenom{
	float:left;
	margin:6px 10px 0 0;
	height:20px;
}

.supportformulaire .mail{
	float:right;
	margin:6px 10px 0 0;
	height:20px;
}

.supportformulaire span{
	float:left;
	clear:left;
	font-weight:normal;
}
.supportformulaire .question{
	padding-top:10px;
}
 
.supportformulaire input{
	float:left;
	clear:right;
	border:1px solid  #0B6C94;
	width:150px;
	color:#1456AA;
	margin:0 10px 0 4px;
	font-size:11px;
}

.supportformulaire .divers{
	float:right;
	width:500px;
}
.supportformulaire input.long{
	float:left;
	border:1px solid  #0B6C94;
	width:397px;
	color:#1456AA;
	font-size:11px;
}
 
.supportformulaire textarea{
	float:left;
	clear:right;
	border:1px solid  #0B6C94;
	width:397px;
	height:70px;
	color:#1456AA;
	margin:0 10px 0 4px;
}

.supportformulaire .bout{
	width: 95px;
	height:22px;
	border:none;
	display: block;
}

.supportformulaire .envoyer{
	color:#08516F;
	text-align:right;
	font-weight:bold;
}
.right{
	text-align:right;
}

label{
	width:80px;
	float:left;
display:block;
}

.bradio{
	width:auto;
}

#toto{
	width: 95px;
	height:22px;
	border:none;
	display: block;
	background:url(images/boutton.gif) no-repeat;
	margin-left: 210px;
}

/* footer */
.footer{
	width:673px;
	margin:0 auto;
	padding:0 0 10px 0;

}
.footer p{
	float:left;
	color:#2566A0;
	font-size:11px;
	font-weight:bold;
	line-height:21px;

}
.footer address{
	color:#000400;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	margin:0 0 5px 0;
}
.footer address span{
	position:relative;
	top:5px;
}
.footer ul{
	list-style-type:none;
	width:500px;
	font-size:10px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 140px;
}
.footer li{
	float:left;
	color:#959488;
}
.footer li a{
	text-decoration:none;
	padding:0 2px 0 3px;
	color:#959488;
}
.footer li a:hover{
	text-decoration:none;
	color:#2369A0;
}
/* logo top tec */
.logotoptec{
	width:350px;
	margin:0 auto;
	text-align:center;
	padding:20px 0 0 0;
}
.logotoptec a{
	font-size:9px;
	color:#959488;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#2369A0;
	text-decoration:none;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%  MODULE ACTUALITES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/*....................... liste .....................*/

#actuliste{
	float:left;
	width:250px;
	padding:0px 30px 20px 20px;
}

#actuliste ul{
	margin:0;
	padding:0;
	color:#BCBC14;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#actuliste ul li{
	background:url(images/bg_li.gif) no-repeat 0px 10px;
	padding:7px 0 7px 11px;
	list-style-type:none;
}

#actuliste ul li a{
	color:#286FA9;
	text-decoration:none;
}

#actuliste ul li a:hover{
	color:#BCBC14;
}

/*....................... actus .....................*/

#actualites{
	width:450px;
	float:left;
	padding:7px 0 0 30px;
	border-left:dotted 1px #999;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#actualites img{
	float:left;
	padding:0 10px 0 0;
}
.EnSavoirPlusCopie {

	width:946px;
	padding:20px 0 0 0;
}
.mentions {
	padding-left: 30px;
	padding-right: 50px;
}