body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:justify;
	background:#7726ed url(images/bg-body.jpg)  repeat-x ;
}

*  {
	margin: 0 ;
	padding:0;
}
p, h2, h3 , h4 , h5  {
	display:block;
}
p {
	padding:3px 0 5px 0;
}
ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#cba94e;
}
.clear{
	clear:both;
}
.color{
	color:#f9d053;
}
.tampon{
	width:160px;
	float:left;
	padding: 10px 0 0 0;
}
/************************/
#conteneur{
	margin:0 auto;
	width:955px;
}
#entete{
	background:url(images/entete.jpg) no-repeat;
	width:933px;
	height:223px;
	padding-left:22px;
	position:relative;
}
#logo{
	width:329px;
	height:281px;
	position:absolute;
	left:15px;
	top: 0px;
}   
#menu{
	width:576px;
	height:76px;
	float:right;
	padding-right:28px;
}
#menu li {
	float:left;
}
#menu li a{
	height:76px;
	float:left;
}
/*----------- accueil-----------*/
#accueil a {
	background:url(images/accueil-off.jpg) no-repeat;
	width:134px;
	height:76px;
	display:block;
	float:left;
}
#accueil a:hover{
	background:url(images/accueil-on.jpg) no-repeat;
	width:134px;
	height:76px;
	float:left;
	display:block;
}

#accueil .active {
	background:url(images/accueil-on.jpg) no-repeat;
	width:134px;
	height:76px;
	display:block;
	float:left;
}
/*---------- formation -----------*/
#formation a {
	background:url(images/formation-off.jpg) no-repeat;
	width:145px;
	height:76px;
	display:block;
	float:left;
}
#formation a:hover{
	background:url(images/formation-on.jpg) no-repeat;
	width:145px;
	height:76px;
	float:left;
	display:block;
}
#formation .active {
	background:url(images/formation-on.jpg) no-repeat;
	width:145px;
	height:76px;
	display:block;
	float:left;
}
/*--------------------- actualite ------------------------*/
#actualites a {
	background:url(images/actualites-off.jpg) no-repeat;
	width:145px;
	height:76px;
	display:block;
	float:left;
}
#actualites a:hover{
	background:url(images/actualites-on.jpg) no-repeat;
	width:145px;
	height:76px;
	float:left;
	display:block;
}
#actualites .active {
	background:url(images/actualites-on.jpg) no-repeat;
	width:145px;
	height:76px;
	display:block;
	float:left;
}

.titre{
	font-weight:bold;
	color:#CCCCFF
}
/*--------- contact -----------*/
#contact a {
	background:url(images/contact-off.jpg) no-repeat;
	width:149px;
	height:76px;
	display:block;
	float:left;
}
#contact a:hover{
	background:url(images/contact-on.jpg) no-repeat;
	width:149px;
	height:76px;
	float:left;
	display:block;
}
#contact .active {
	background:url(images/contact-on.jpg) no-repeat;
	width:149px;
	height:76px;
	display:block;
	float:left;
}
.bas-img{
	background:url(images/fin3.jpg) center no-repeat;
	text-align:left;
	height:36px;
	width:100%;
	margin:0 auto;
	clear:both;
}
#fille{
	position:absolute;
	width:345px;
	height:198px;
	left: 586px;
	top: 74px;
}
 #milieu{
	background:url(images/milieu-r.jpg) repeat-y; 
	float:left;
	width:899px;
	padding:0 28px 0 28px;
	
}
#milieu-r{
	background:#21143d url(images/bg-milieu.jpg) no-repeat;
	width:883px;
	float:left;
	padding-right:15px;
	/*line-height:20px;*/
}
#bloc-presentation{
	background:url(images/presentation2.gif) 0px 0 no-repeat;
	width:250px;
	float:left;
	padding:40px 10px 0 20px;
	margin-top:58px;
	display:inline;
	position:relative;
}
.cours{
	color:#fff;
	padding:5px 10px 5px 5px;
}
.photo-dep{
	float:left;
	display:inline;
	width:159px;
	height:167px;
	top:311px;
	left:296px;
	position:absolute;
}
#bloc-presentation h2{
	padding-left:25px;
	text-transform:uppercase; 
	font-size:15px;
	color:#f9d053;
	margin-bottom:10px;
}
#bloc-presentation p.style-h2{
	padding-left:25px;
	text-transform:uppercase; 
	font-size:15px;
	font-weight: bold;
	color:#f9d053;
	margin-bottom:10px;
}
#bloc-presentation h3{
	font-size:14px;
	color:#f9d053;
	padding:5px 0 5px 0;
	text-transform:uppercase;
}
.puce5{
	background:url(images/puce5.gif) 0 9px  no-repeat;
	padding-left:12px;
}
.pic-e-formadom{
	margin-left:40px;

}
#bloc-milieu-index{
	width:344px;
	float:left;
	padding:20px 4px 0 11px ;
	display:inline;
}
.contenu-txt{
	width:355px;
	float:left;
	display:inline;
	padding:30px 0 0px 0;
}
.contenu-txt p{
	padding:5px 10px 5px 0px;
}
.contenu-txt img{
	float:left;
	margin:5px;
}
.img-1{
	float:left;
	margin-right:5px;
}
#bloc-milieu-index .img-2{
	float:right;
	margin:0 5px 0px 5px;
}
.contenu-txt .image3{
	float:right;
}
.contenu-txt h3{
	font-size:14px;
	color:#f9d053;
	text-align:left;
	padding:10px 0 10px 0;
	text-transform:uppercase;
}
#bloc-milieu-index p.puce1{
	background:url(images/puce2.gif) no-repeat 0 8px;
	padding-left:15px;
}
#bloc-actualite{ 
	background-color:#7544aa;
	width:230px;
	float:right;
	margin:48px 0px 0 0; 
	padding: 0 5px 5px 0;
	display:inline;
	position:relative;
}
#bloc-actualite h3{
	font-size:20px;
	font-weight:bold;
	padding:15px 0 0 12px;
}
.reduction{
	position:absolute;
	right:-22px;
	top:-28px;
}
.actu-contenu{
	background:url(images/carreau.jpg) no-repeat right bottom;
	width:213px;
	float:left;	
	padding: 5px 10px 0 12px;
	display:inline;
}
.actu-contenu img{
	float:left;
	margin-right:10px;
}
.actu-contenu span{
	width:210px;
	float:left;	
	padding:20px 0 20px 0;
} 
.borderspa{
	border-top:1px solid #2b1758;
}
p.lire-suite{
	background:url(images/suite.jpg) no-repeat; 
	width:69px;
	height:11px;
	float:right;
	padding:0 0 0 12px;
	font-size:11px;
	line-height:11px;
	color:#fff;
}
p.lire-suite a{
	color:#fff;
}
p.lire-suite a:hover{
	color:#f9d053;
}
.partie-rep {
	width:210px;
	float:left;
}
.bloc-depannage{
	background:url(images/bg-depannage-arrondi.gif)    center  0 no-repeat;
	width:300px;
	float:left;
	display:inline;
	padding:60px 60px 90px 60px; 
}
.bloc-depannage img{
	margin-right:5px;
}
.bloc-depannage .image3{
	float:left;
}
.bloc-depannage h3{
	font-size:14px;
	color:#f9d053;
	padding-top:10px;
	text-transform:uppercase;
}
#bloc-formation-bas{
	width:855px;
	float:left;
	padding:10px 0 0 20px;
	display:inline;
}
.eformadom{
	float:right;
}
#bloc-formation-bas h3{	
	font-size:14px;
	color:#f9d053;
	padding-top:10px;
	text-transform:uppercase;
}
.fomation-liste{
	float:left;
	width:460px;
	padding: 10px 0 0 20px;
}
.fomation-liste p{
	background:url(images/puce2.gif) no-repeat 0 5px;
	padding: 1px 0 5px 15px;
}
/**************Footer****************/
#footer{
	background:#2f2049 url(images/bg-footer2.jpg) repeat-x;
	clear: both;
	width:100%;
	text-align:center;
	font-size:11px;
	margin:0 auto;
	float:left;
}
#footer2{
	background:#2f2049 url(images/bg-footer.jpg) no-repeat ;
	width:955px;
	margin:0 auto;
	padding:0px 0 15px 0;
	text-align:center;
	
}
#footer ul{
	padding:20px 0 0px 0 ;
	color:#000;
}
#footer p span{
	font-size:12px;
	padding:0 30px 0 65px;
	color:#2b2041;
	float: left;
}
#footer2 p.bg{
	background:url(images/fillet-foot.gif) right top no-repeat;
	width:905px;
	height:33px;
	padding:8px 0 0 0;
	text-align:left;

}
#footer li{
	display:inline;
	font-weight:bold;
}
#footer li a.active{
	color:#fff;
	font-weight:bold;
}
#footer li a:hover{
	color:#fff;
	font-weight:bold;
}
#toptech {
	clear:both;
	text-align:center;
	padding-top:5px;
}
#toptech p{
	text-align:center;
}
#toptech a{
	font-size:10px;
	color:#fff;
}
/******page contact******/

#milieu-contact{
	background:#21143d url(images/bg-milieu.jpg) no-repeat;
	width:840px;
	float:left;
	padding: 70px 19px 0 40px ;
	line-height:20px;
}
	#photo-formation1{
	width:354px;
	height:250px;
	position:absolute;
	top:70px;
	right:21px;
}
#contenu-adresse{
	width:380px;
	float:left;
	padding: 0px 0 0 105px;
}
#contenu-adresse span{
	color:#f9d053;
	padding:0;
	line-height:10px;
}
.bloctel{
	width:120px;
	background:url(images/tel.gif) 10px no-repeat;
	padding:5px 0 5px 50px;

	font-size:12px;
	float:left;
}
.blocadres{
	width:160px;
	background:url(images/adresse.gif) 10px no-repeat;
	padding:5px 0 5px 50px;
	font-size:12px;
	float:left;
}
.blocmail{
	width:220px;
	background:url(images/mail.gif) 10px no-repeat;
	padding:5px 0 13px 50px;
	margin:5px 0 0 60px;
	font-size:12px;
	float:left;
}
#bloc-plan{
	width:445px;
	height:270px;
	float:left;
	padding-left:45px;
}
/*-------------- FORMULAIRE ------------------*/
#formulaire{
	float:left;
	width:298px;
	color:#fff;
	font-size:11px;
	font-weight:bolder;
	padding:5px 0 0 50px;
}
#formulaire h4{
	color:#f9d053;
	font-size:14px;
	padding:10px 0;
}
#formulaire form{
	display: inline;
}
#formulaire p{
	margin:0 0 3px 0; 
	width:298px;
	padding:0;
	float:left;
	color:#c0bdc8;
}
#formulaire span{
	float:left;
	clear:left;
	font-weight:bolder;
}
 #formulaire .info{
	clear: both;
	text-align:right;
}
#formulaire em{
	color:#EB7C00;
}
#formulaire .question{
	padding-top:10px;
}
#formulaire input{
	float:right;
	border:1px solid #DADCDB;
	width:220px;
	height:16px;
	background-color:#2c2047;
	color:#fff;
}
#formulaire textarea{
	float:right;
	border:1px solid  #DADCDB;
	width:220px;
	height:90px;
	background-color:#2c2047;
	color:#fff;
}
#formulaire .bout{
	width: 128px;
	height:17px;
	border:none;
	background:none;
}
#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}
#milieu-formation{
	background:#21143d url(images/bg-milieu.jpg) no-repeat;
	width:893px;
	float:left;
	padding:63px 0 0 5px;
	/*line-height:20px;*/
}
.hauteur2{
	width:0px;
	height:240px;
	float:left;
}
#milieu-formation h2{
	font-size:14px;	
	color:#f9d053;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:20px;
}
#photo-formation2{
	width:351px;
	height:211px;
	position:absolute;
	top:78px;
	right:20px;
}
#bloc-droit-formation{
	width:240px;
	float:left;
	padding:45px 0 0 0;
	/*line-height:20px;*/
	position:relative;
}
.photofille{
	position:absolute;
	width:242px;
	height:243px;
	top:360px;
	left:0px;
}
#bloc-droit-formation p{
	padding:4px 10px;
}
#bloc-droit-formation p.puce1{
	background:url(images/puce2.gif) no-repeat 10px 8px;
	padding-left:25px;
}
#bloc-milieu-formation{
	width:517px;
	float:left;
}
#bloc-milieu-formation h3{
	padding:3px 0 7px 23px;
	font-size:13px;
	color:#f9d053;
}
#bloc-milieu-formation p{
	padding:8px;
}
#bloc-milieu-formation p.puce1{
	background:url(images/puce3.gif) no-repeat 0 14px;
	padding-left:15px;
}
.bloc-glob{
	width:258px;
	float:left;
}
.hauteur{
	float:left;
	width:0;
	height:90px;
}
.txt-milieu{
	width:258px;
	float:left;
}

.titre1{
	background:url(images/bg-titre1.gif) no-repeat;
}
.titre2{
	background:url(images/bg-titre2.gif) no-repeat;
	margin-top:10px;
}
.titre3{
	background:url(images/bg-titre3.gif) no-repeat;
}
.titre4{
	background:url(images/bg-titre4.gif) no-repeat;
}
#bloc-gauche-formation{
	width:136px;
	float:left;
}
#bloc-gauche-formation h4 , #bloc-gauche-formation p.style-h4{
	font-size:12px;
	color:#f9d053;
	text-transform:uppercase;
	text-align:center;
	padding-top:60px;
}
#bloc-gauche-formation h4 a , #bloc-gauche-formation p.style-h4 a {
	color:#f9d053;
	text-transform:uppercase;
}
#bloc-gauche-formation h4 a:hover , #bloc-gauche-formation p.style-h4 a:hover{
	color:#fff;
} 
.statistique{
	margin: 80px 0 90px 15px;
}
/*-------------- ACTUALITES------------------*/
#milieu-actualites{
	background:#21143d url(images/bg-milieu.jpg) no-repeat;
	width:840px;
	float:left;
	padding: 70px 19px 0 40px ;
	line-height:20px;
}
#milieu-actualites h3{
	background:url(images/titre-mentions.gif) 0 8px no-repeat;
	padding: 10px 0 18px 22px;
	font-size:16px;
	color:#efc658;
}
#actualite-gauche{
	background: #7544aa;
	width:340px;
	float:left;
	padding: 30px 20px 0px 20px;
	text-align:left;
}
#actualite-gauche img{
	float:left;
	padding:0 10px 0 0;
}
#actualite-droit{
	width:420px;
	float:left;
	padding-left:40px;
}
#milieu-actualites h4{
	background:url(images/titre.gif) 0 10px no-repeat;
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	padding: 13px 0 18px 22px;
	color:#efc658;
}
#milieu-actualites  ul li{
	background:url(images/titre.gif) 0 4px no-repeat;
	font-size:13px;
	font-weight:bold;
	padding: 7px 0 7px 20px;
	color:#efc658;
	list-style-type:none;
}

#milieu-actualites  ul li a{
	color:#FF9900;
}

#milieu-actualites  ul li a:hover{
	color:#000000;
}

#milieu-actualites  ul{
	margin:0;
	padding:0;
}

.titre-actus{
	font-weight:bold;
}

.date{
	font-style:italic;
	font-weight:normal;
	font-size:10px;
	color:#CCCCFF;
}
/*-------------- MENTIONS LEGALES ------------------*/
#milieu-mentions{
	background:#21143d url(images/bg-milieu.jpg) no-repeat;
	width:840px;
	float:left;
	padding: 70px 19px 0 40px ;
	line-height:20px;
}
#milieu-mentions h3{
	background:url(images/titre-mentions.gif) 0 8px no-repeat;
	padding: 10px 0 18px 18px;
	font-size:16px;
	color:#efc658;

}
#milieu-mentions p.style-h3{
	background:url(images/titre-mentions.gif) 0px 8px no-repeat;
	padding: 10px 0px 18px 18px;
	font-size:16px;
	font-weight: bold;
	color:#efc658;
}
.fonce{
	background:url(images/titre.gif) 0 10px no-repeat;
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	padding: 13px 0 18px 22px;
	color:#efc658;
}