/* 
    Document   : iphone-vision
    Created on : 9 mars 2009, 22:38:55
    Author     : vinh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    margin:0;
    padding:0;
}
.gris{
    color:#6E6E6E;
}

#petit-gris-droite-concept{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}

#petit-gris-droite-concept a{
    color:#6E6E6E;
	font-size:13px;
	float:right;
	font-weight: bold;
	text-decoration:underline;
}

#petit-gris-droite-concept a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}


#petit-gris-gauche-fonctionnalite{
    color:#6E6E6E;
	font-size:13px;
	float:left;
}

#petit-gris-gauche-fonctionnalite a{
    color:#6E6E6E;
	font-size:13px;
	float:left;
	font-weight: bold;
	text-decoration:underline;
}

.petit-gris-gauche-fonctionnalite a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:left;
}

#petit-gris-droite-fonctionnalite{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}

#petit-gris-droite-fonctionnalite a{
    color:#6E6E6E;
	font-size:13px;
	float:right;
	font-weight: bold;
	text-decoration:underline;
}

#petit-gris-droite-fonctionnalite a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}

#petit-gris-droite-materiel{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}

#petit-gris-droite-materiel a{
    color:#6E6E6E;
	font-size:13px;
	float:right;
	font-weight: bold;
	text-decoration:underline;
}

#petit-gris-droite-materiel a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}

#petit-gris-gauche-materiel{
    color:#6E6E6E;
	font-size:13px;
	float:left;
}

#petit-gris-gauche-materiel a{
    color:#6E6E6E;
	font-size:13px;
	float:left;
	font-weight: bold;
	text-decoration:underline;
}

#petit-gris-gauche-materiel a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:left;
}

#petit-gris-gauche-compatibilite{
    color:#6E6E6E;
	font-size:13px;
	float:left;
}

#petit-gris-gauche-compatibilite a{
    color:#6E6E6E;
	font-size:13px;
	float:left;
	font-weight: bold;
	text-decoration:underline;
}

#petit-gris-gauche-compatibilite a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:left;
}

#petit-gris-droite-compatibilite{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}

#petit-gris-droite-compatibilite a{
    color:#6E6E6E;
	font-size:13px;
	float:right;
	font-weight: bold;
	text-decoration:underline;
}

#petit-gris-droite-compatibilite a:hover{
    color:#6E6E6E;
	font-size:13px;
	float:right;
}



.blanc{
    color:#FFFFFF;
}

.blanc-gras{
    color:#FFFFFF;
	font-weight: bold;
}

.noir{
    color:#000000;
}

.jaune{
    color:#D09621;
}

.jaune-gras{
    color:#D09621;
font-weight: bold;
}
.orange{
    color:#CA9000;
}
a{
	color:#fff;
	text-decoration:underline;
}

a:hover{
	color:#fff;
	text-decoration:none;
}

a:hover-demande-devis{
	color:#6E6E6E;
	text-decoration:none;
}

.orange-precedent-gauche{
	color:#CA9000;
	float:left;
	font-weight: bold;
	
	}
	
.orange-precedent-gauche a{
	color:#CA9000;
	float:left;
	font-weight: bold;
	
	}
.orange-suivant-droite{
	color:#CA9000;
	float:right;
	font-weight: bold;
	
	}

.orange-suivant-droite a{
	color:#CA9000;
	float:right;
	font-weight: bold;
	
}

img{
	border:0;
	margin:0;
	padding:0;
}

body{
    font-family:Helvetica,Verdana,Arial,sans-serif;
	background-color:#000000;
    /*background:url('/images/fond-stri.jpg') repeat;*/
	font-size:12px;
}

/* Header */
.header{
    height:130px;
    width:908px;
    margin-left:auto;
    margin-right:auto;
    color:#ffffff;
}
.header .logo{
    height:99px;
    width:330px;
    float:left;
}
.header .logo .extension{
    font-size:24px;
}
.header .logo img{
    border:0;
}
.header .compte{
    padding:0;
    height:88px;
    width:293px;
    float:right;
    text-align:right;
	font-size:10px;
}

.header .annonce{
    padding:10px;
    padding-left:10px;
    
    
    float:left;
    text-align:right;
	font-size:10px;
}

.btn-distributeur{
	height:24px;
	width:144px;
	background:no-repeat url(/images/btn-distributeur.jpg);
	display:block;
	float:left;
}
.btn-client{
	height:24px;
	width:117px;
	background:no-repeat url(/images/btn-client.jpg);
	display:block;
	float:left;
}
.header .compte img{
    margin-right:8px;
    border:0;
}
.header .espace-client{
    padding-top:25px;
    float:right;
    height:31px;
}
.header .espace-client p{
    float:left;
}
.header .espace-client .particulier{
    text-align:left;
    padding:3px 13px 0 0;
	font-size:11px;
}
.header .espace-client .particulier a{
    color:#ffffff;
    text-decoration:none;
}
.header .espace-client .particulier a:hover{
    color:#ffffff;
    text-decoration:underline;
}
.header .espace-client .distributeur{
    text-align:left;
    padding:3px 0 0 0;
	font-size:11px;
}
.header .espace-client .distributeur a{
    color:#D09621;
    text-decoration:none;
}
.header .espace-client .distributeur a:hover{
    color:#D09621;
    text-decoration:underline;
}
.header .menu{
    height:30px;
    width:908px;
    clear:both;
}

/* Menu */
.menu{
    background:repeat-x url(/images/menu-fond.jpg);
    z-index:1000;
}
.menu .smenu-haut{
    width:157px;
    height:4px;
    font-size:2px;
    background:no-repeat url(/images/smenu-fond-haut.jpg);
}
.menu .smenu-bas{
    width:157px;
    height:4px;
    font-size:2px;
    background:no-repeat url(/images/smenu-fond-bas.jpg);
}
.menu ul li{
    list-style:none;
    padding:5px 10px 5px 24px;
    color:#ffffff;
}
.menu ul li a{
    color:#ffffff;
    text-decoration:none;
}
.menu ul li a:hover{
    color:#D09621;
    text-decoration:none;
}






.menu ul{
    background:repeat-y url(/images/smenu-fond.jpg);
    width:127px;
}
.menu .menu-droite{
    background:no-repeat url(/images/menu-droite.jpg);
    float:right;
    height:30px;
    width:4px;
}
.menu .menu-gauche{
    background:no-repeat url(/images/menu-gauche.jpg);
    float:right;
    height:30px;
    width:10px;
}
.menu dl{
    float:left;
}
.menu dl dd{
    margin-top:30px;
}
.menu a{
    /*float:left;*/
}
#menu-home a {
    background:no-repeat url(/images/menu-home.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    width:51px;
    line-height:30px;
}
#menu-centre a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre0 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre0 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre1 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre1 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre2 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre2 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre3 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre3 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre4 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre4 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre5 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre5 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}

#menu-centre6 a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:left;
}

#menu-centre6 a:hover {
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}


#menu-home-client a {
    background:no-repeat url(/images/menu-home.jpg);
    color:#CA9000;
    display:block;
    height:30px;
    width:51px;
    line-height:30px;
	font-weight: bold;
}
#menu-centre-client a {
    padding:0 23px 0 23px;
    background:no-repeat url(/images/menu-sep.jpg);
    color:#CA9000;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:right;
	font-weight: bold;
}
#menu-centre-client a:hover{
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#CA9000;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	font-weight: bold;
}
#menu-espace-droite a{
    padding:0 23px 0 23px;
    /*background:no-repeat url(/images/menu-sep.jpg);*/
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
	float:right;
}
#menu-espace-droite a:hover{
    padding:0 23px 0 23px;
    background:repeat-x url(/images/menu-fond-over.jpg);
    color:#FFFFFF;
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
}
#smenu1{
    position:absolute;
    display:none;
    /*width:127px;*/
}
#smenu2{
    position:absolute;
    display:none;
    width:127px;
    z-index:1001;
}
#smenu3{
    position:absolute;
    display:none;
    width:127px;
    z-index:1002;
}
#smenu4{
    position:absolute;
    display:none;
    width:127px;
    z-index:1003;
}
#smenu5{
    position:absolute;
    display:none;
    width:127px;
    z-index:1004;
}
#smenu6{
    position:absolute;
    display:none;
    width:127px;
    z-index:1005;
}
#smenu7{
    position:absolute;
    display:none;
    width:127px;
}
#smenu8{
    position:absolute;
    display:none;
    width:127px;
}

#smenu9{
    position:absolute;
    display:none;
    width:127px;
}

/**/
.ariane{
    clear:both;
    height:16px;
    width:878px;
    font-size:10px;
    color:#ffffff;
    padding:24px 0 0 24px;
}
.ariane-current{
    color:#CA9000;
}

/* Contenu */
.contenu{
    width:908px;
    margin-right:auto;
    margin-left:auto;
    /*background:repeat url(/images/contenu-fond.jpg);*/
}

.contenu2{
    width:902px;
    margin-right:auto;
    margin-left:auto;
    background:no-repeat url(/images/fond-home-mobi.jpg);
}
.iphone-home{
    background:no-repeat url(/images/home.jpg) center top;
    width:902px;
    height:493px;
}
.vignette-video{
    float:left;
    width:180px;
    margin-top:330px;
    text-align:center;
    color:#CA9000;
}
.video-presentation{
	float:left;
    width:270px;
    margin-left:25px;
	margin-top:325px;
    text-align:center;
    color:#CA9000;
}
.video-presentation-apercu{
	background:no-repeat url(/images/plein-ecran.jpg);
	float:left;
    width:180px;
    margin-left:25px;
	margin-top:370px;
    text-align:center;
    color:#CA9000;
}
.home-p{
	color:#ffffff;
    font-size:18px;
    width:245px;
    float:left;
	margin-left:620px;
    margin-top:400px;
}
.home-p .nos-offres a{
	height:36px;
	width:216px;
	display:block;
	background:no-repeat url(/images/nos-offres-off.jpg);
}
.home-p .nos-offres a:hover{
	height:36px;
	width:216px;
	display:block;
	background:no-repeat url(/images/nos-offres-on.jpg);
}
.home-p .en-situation a{
	height:36px;
	width:216px;
	display:block;
	background:no-repeat url(/images/bouton-video-concept-on.png);
}
.home-p .en-situation a:hover{
	height:36px;
	width:216px;
	display:block;
	background:no-repeat url(/images/bouton-video-concept.png);
}

.home-vid{

color:#ffffff;
    font-size:18px;
    width:245px;
    float:left;
	margin-left:620px;
    margin-top:400px;
	}
	
	
	.home-vid a{
	height:36px;
	width:216px;
	display:block;
	background:no-repeat url(/images/nos-offres-off.jpg);
}
.home-vid a:hover{
	height:36px;
	width:216px;
	display:block;
	background:no-repeat url(/images/nos-offres-on.jpg);
}
	
	
	
	
	
	
.home-desc{
    color:#ffffff;
    font-size:18px;
    width:350px;
    float:left;
    margin-top:350px;
}
.inter-contenu{
    padding:0 0 0 24px;
    color:#ffffff;
}
.inter-contenu h1{
    font-weight:normal;
    font-size:24px;
    padding:15px 0 0px 0;
}
.inter-contenu h2{
    color:#CA9000;
    font-size:16px;
    font-weight:normal;
    padding:22px 0 10px 0;
}
.description-page{
    color:#CA9000;
    padding-bottom:10px;
    font-size:14px;
}
.sep{
    font-size:1px;
    border-top:2px solid #ffffff;
}
.part-materiel{
    float:left;
    width:152px;
    padding:0 57px 0 0;
	font-size:11px;
}
.part-telephonie{
    float:left;
    width:152px;
    padding:0 57px 0 0;
	font-size:11px;
}

.part-financier{
    float:left;
    width:172px;
    padding:0 37px 0 0;
	font-size:11px;
}
.part-internet{
    float:left;
    width:235px;
	font-size:11px;
}
.part-materiel p, .part-telephonie p, .part-financier p, .part-internet p{
    display:block;
    clear:both;
    padding:0 0 20px 0;
}
.part-materiel img, .part-telephonie img, .part-financier img, .part-internet img{
    display:block;
    clear:both;
    padding:0 0 5px 0;
}
.concept-iPhone{
    padding:10px 0 0 0;
}
.concept-iPhone h2{
    color:#CA9000;
    font-size:20px;
}
.concept-iPhone p{
    width:230px;
	font-size:12px;
}
.concept-iPhone ul{
	font-size:11px;
}
.zone-qr{
    float:right;
    height:200px;
    width:320px;
    /*background:no-repeat url(/images/zone-qr.jpg);*/
    margin:70px 45px 45px 0;
    padding:10px;
}
.zone-qr2{
    float:left;
    height:200px;
    width:320px;
    /*background:no-repeat url(/images/zone-qr.jpg);*/
    margin:10px 15px 15px 0;
    padding:10px;
}
.un-logiciel{
    width:208px;
    margin:0 10px 0 0;
    float:left;
	font-size:11px;
}
.un-logiciel-der{
    width:208px;
    float:left;
	font-size:11px;
}



/* Footer */
.footer{
    width:902px;
    height:105px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
}

.footer2{
    width:908px;
    /*height:110px;*/
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    behavior:url(/css/border-radius.htc);
    border: 0px solid #FFFFFF;	*/
}



.boite-titre{
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
}
.boite{
    padding:12px 0 0 15px;
    color:#303030;
    font-size:12px;
}
.demo-live{
    height:107px;
    width:176px;
    background:no-repeat url(/images/footer-demo.jpg);
    margin-right:5px;
    float:left;
}

#footer-solution-live2{
    height:107px;
    width:168px;
    background:no-repeat url('/images/footer-video-off.gif');
    float:left;
    margin-right:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 2px solid #fff;
	background-color: #fff;
}

#footer-solution-live2:hover, #footer-solution-live2:focus{
background-image:url('/images/footer-video-on.gif');
}
#footer-solution-live2 img{
display:none;
}

#footer-service-live2{
    height:107px;
    width:168px;
    background:no-repeat url('/images/footer-service-off.gif');
    float:left;
    margin-right:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 2px solid #fff;
	background-color: #fff;
}

#footer-service-live2:hover, #footer-service-live2:focus{
background-image:url('/images/footer-service-on.gif');
}
#footer-service-live2 img{
display:none;
}

#footer-compatibilite-live2{
    height:107px;
    width:168px;
    background:no-repeat url('/images/footer-compatibilite-off.gif');
    float:left;
    margin-right:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 2px solid #fff;
	background-color: #fff;
}

#footer-compatibilite-live2:hover, #footer-compatibilite-live2:focus{
background-image:url('/images/footer-compatibilite-on.gif');
}
#footer-compatibilite-live2 img{
display:none;
}

#footer-reference-live2{
    border: 2px solid #FFFFFF;
    height:107px;
    width:168px;
    background:no-repeat url('/images/footer-reference-off.gif');
    float:left;
    margin-right:12px;
    background-color: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    behavior:url(/css/border-radius.htc);
}

#footer-reference-live2:hover, #footer-reference-live2:focus{
background-image:url('/images/footer-reference-on.gif');
}
#footer-reference-live2 img{
display:none;
}

#footer-revendeur-live2{
    height:107px;
    width:168px;
    background:no-repeat url('/images/footer-revendeur-off.gif');
    float:left;
   
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 2px solid #fff;
	background-color: #fff;
}

#footer-revendeur-live2:hover, #footer-revendeur-live2:focus{
background-image:url('/images/footer-revendeur-on.gif');
}
#footer-revendeur-live2 img{
display:none;
}





.boite-titre-demo{
    color:#ccc;
    font-size:13px;
    font-weight:bold;
}

.boite-titre-demo a{
    color:#000;
    font-size:15px;
    font-weight:bold;
}

.boite-encadre-demo {
    padding:5px 0 0 5px;
    color:#303030;
    font-size:12px;
}


.footer-distributeur{
    height:107px;
    width:176px;
    background:no-repeat url(/images/footer-distributeur.jpg);
    margin-right:5px;
    float:left;
}
.footer-offert{
    height:107px;
    width:176px;
    background:no-repeat url(/images/contact-mobi-vision.jpg);
    float:left;
}

#footer-offert-test{
    height:107px;
    width:170px;
    background:no-repeat url(/images/contact-mobi-vision.jpg);
    float:right;
}
.footer-teste{
    height:107px;
    width:176px;
    background:no-repeat url(/images/footer-teste.jpg);
    margin-right:5px;
    float:left;
}
.footer-facebook{
    height:107px;
    width:176px;
    background:no-repeat url(/images/footer-facebook.jpg);
    float:left;
	margin-right:5px;
}
.footer-lien{
    height:0px;
    width:886px;
    
    clear:both;
    padding:12px 0 15px 15px;
    color:#303030;
    font-size:12px;


}
.footer-lien .col{
    width:110px;
    margin-right:15px;
    float:left;
}
.footer-lien .col a{
    color:#4D4D4D;
    text-decoration:none;
}
.footer-lien .col a:hover{
    color:#4D4D4D;
    text-decoration:underline;
}
.copyright{
    padding:5px 0 0 0;
    clear:both;
    text-align:center;
    font-size:10px;
    vertical-align:bottom;
	border: 1px #eeeeee;
}
.copyright a{
    color:#4D4D4D;
    text-decoration:none;
font-size:11px;
}
.copyright a{
    color:#4D4D4D;
    text-decoration:none;
	font-size:11px;
}
.copyright a:hover{
    color:#4D4D4D;
    text-decoration:underline;
font-size:11px;
}

#copyright2{
    clear:both;
    width:904px;
    height:25px;
    margin:0 auto;
    padding:0px 0 0 0;
    margin-top:10px;
    text-align:center;
    font-size:10px;
    vertical-align:bottom;    
    line-height:25px;
    vertical-align:middle;
    font-weight: bold;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    behavior:url(/css/border-radius.htc);
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
}

#copyright2 a{
    color:#4D4D4D;
    text-decoration:none;
font-size:11px;
}

#copyright2 a:hover{
    color:#4D4D4D;
    text-decoration:underline;
    font-size:11px;
}


.col .section{
    color:#4D4D4D;
    font-weight:bold;
    font-size:12px;
}
.offre-text{
    padding-top:20px;
}
.pack-text{
    padding-top:20px;
}
.pack-text .titre{
    font-size:36px;
    color:#fff;
}
.pack-text .desc{
    font-size:24px;
    color:#fff;
    font-weight:bold;
}
.offre-text .titre{
    font-size:48px;
    color:#fff;
    font-weight:lighter;
}
.offre-text .desc{
    font-size:24px;
    color:#D09621;
}
.part-1{
    margin:0 10px;
    float:left;
    width:163px;
    height:110px;
    background:no-repeat url(/images/fond-part-1.png) bottom left;
    padding:322px 17px 0 8px;
}
.un-part-1{
    float:left;
    width:163px;
    height:110px;
    background:no-repeat url(/images/fond-part-1.png) bottom left;
    padding:272px 17px 0 8px;
}
.part-2{
    margin:0 10px;
    float:left;
    width:163px;
    height:130px;
    background:no-repeat url(/images/fond-part-2.png) bottom left;
    padding:302px 17px 0 8px;
}
.un-part-2{
    float:left;
    width:163px;
    height:130px;
    background:no-repeat url(/images/fond-part-2.png) bottom left;
    padding:272px 17px 0 8px;
}
.part-3{
    margin:0 10px;
    float:left;
    width:163px;
    height:150px;
    background:no-repeat url(/images/fond-part-3.png) bottom left;
    padding:282px 17px 0 8px;
}
.un-part-3{
    float:left;
    width:163px;
    height:150px;
    background:no-repeat url(/images/fond-part-3.png) bottom left;
    padding:272px 17px 0 8px;
}
.part-4{
    margin:0 0 0 10px;
    float:left;
    width:163px;
    height:170px;
    background:no-repeat url(/images/fond-part-4.png) bottom left;
    padding:262px 17px 0 8px;
}
.un-part-4{
    float:left;
    width:163px;
    height:170px;
    background:no-repeat url(/images/fond-part-4.png) bottom left;
    padding:272px 17px 0 8px;
}
.sous-pack-1{
    padding-top:0px;
    margin-left:10px;
    height:70px;
    width:194px;
    float:left;
}
.sous-pack-2{
    padding-top:0px;
    margin-left:14px;
    height:70px;
    width:194px;
    float:left;
}
.sous-pack-3{
    padding-top:0px;
    margin-left:14px;
    height:70px;
    width:194px;
    float:left;
}
.sous-pack-4{
    padding-top:0px;
    margin-left:14px;
    height:70px;
    width:174px;
    float:left;
}
.pack-desc{
    font-weight:bold;
    color:#000;
    font-size:13px;
	padding-right:20px;
}
.pack-info{
    margin-top:10px;
    font-size:11px;
    color:#3D3D3D;
	padding-right:20px;
}
.pack-date{
    padding-left:25px;
    float:left;
    height:17px;
    width:163px;
    margin:0 10px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-part.png);
}
.pack-date-4{
    padding-left:25px;
    float:left;
    height:26px;
    width:145px;
    margin:0 0 0 10px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-part.png);
}
.un-pack-date{
    padding-left:25px;
    float:left;
    height:26px;
    width:145px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-part.png);
}
.pack-date-pro{
    padding-left:25px;
    float:left;
    height:17px;
    width:163px;
    margin:0 10px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-pro.png);
}
.pack-date-pro-4{
    padding-left:25px;
    float:left;
    height:26px;
    width:145px;
    margin:0 0 0 9px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-pro.png);
}
.un-pack-date-pro{
    padding-left:25px;
    float:left;
    height:26px;
    width:145px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-pro.png);
}
.un-pack-date-pro-4{
    padding-left:25px;
    float:left;
    height:26px;
    width:145px;
    font-size:18px;
    font-weight:bold;
    color:#000;
    background:no-repeat url(/images/fond-bas-pro.png);
	margin-left:-1px;
}
.note-pack{
    float:left;
    width:350px;
    height:75px;
    font-size:12px;
	margin-left:30px;
}
.btn-250{
    display:block;
    height:32px;
    width:254px;
    background:no-repeat url(/images/btn-250.jpg);
    color:#fff;
    line-height:32px;
    text-decoration:none;
    text-align:center;
}
.pro-1{
    margin:0 10px;
    float:left;
    width:163px;
    height:110px;
    background:no-repeat url(/images/fond-pro-1.png) bottom left;
    padding:322px 17px 0 8px;
}
.un-pro-1{
    float:left;
    width:163px;
    height:110px;
    background:no-repeat url(/images/fond-pro-1.png) bottom left;
    padding:272px 17px 0 8px;
}
.pro-2{
    margin:0 10px;
    float:left;
    width:163px;
    height:130px;
    background:no-repeat url(/images/fond-pro-2.png) bottom left;
    padding:302px 17px 0 8px;
}
.un-pro-2{
    float:left;
    width:163px;
    height:130px;
    background:no-repeat url(/images/fond-pro-2.png) bottom left;
    padding:272px 17px 0 8px;
}
.pro-3{
    margin:0 10px;
    float:left;
    width:163px;
    height:130px;
    background:no-repeat url(/images/fond-pro-3.png) bottom left;
    padding:302px 17px 0 8px;
}
.un-pro-3{
    float:left;
    width:163px;
    height:130px;
    background:no-repeat url(/images/fond-pro-3.png) bottom left;
    padding:302px 17px 0 8px;
}
.pro-4{
    margin:0 0 0 10px;
    float:left;
    width:163px;
    height:150px;
    background:no-repeat url(/images/fond-pro-4.png) bottom left;
    padding:282px 17px 0 8px;
}
.un-pro-4{
    float:left;
    width:163px;
    height:150px;
    background:no-repeat url(/images/fond-pro-4.png) bottom left;
    padding:302px 17px 0 8px;
}

.un-pack-visu{
    float:left;
    width:180px;
}
.un-pack-visu2{
    float:left;
    width:160px;
}

.un-pack-desc{
    float:right;
    width:640px;
    padding-top:25px;
}
.un-pack-desc2{
    float:right;
    width:700px;
}

.un-pack-desc3{
    float:right;
    width:675px;
}
.un-pack-option{
    width:315px;
    float:left;
	font-size:11px;
}
.list-option{
    font-weight:bold;
    font-size:16px;
}
.un-pack-image{
    float:right;
}
.un-pack-note{
	color: #ffffff;
    height:40px;
    font-size:12px;
}
.col-220{
    float:left;
    width:220px;
    height:310px;
    margin-right:25px;
    background:no-repeat url(/images/distrbuteur-adhesion.png) bottom;
}
.col-220-bis{
    float:left;
    width:220px;
    margin-right:25px;
}
.col-220 h2{
    float:left;
    color:#fff;
    margin:0;
    padding:0;
    font-size:20px;
}
.col-230{
    float:left;
    width:230px;   
}

.col-230 h2 {
    color:#CA9000;
    font-size:16px;
    font-weight:normal;
    margin:0;
    padding:0 0 5px 0;

}
.btn-200{
    display:block;
    height:32px;
    width:200px;
    background:no-repeat url(/images/btn-200.jpg);
    color:#fff;
    line-height:32px;
    text-decoration:none;
    text-align:center;
}
.btn-180{
    display:block;
    height:32px;
    width:184px;
    background:no-repeat url(/images/btn-180.jpg);
    color:#fff;
    line-height:32px;
    text-decoration:none;
    text-align:center;
}
.btn-160{
    display:block;
    height:32px;
    width:160px;
    background:no-repeat url(/images/btn-160.jpg);
    color:#fff;
    line-height:32px;
    text-decoration:none;
    text-align:center;
}
.btn-100{
    display:block;
    height:32px;
    width:102px;
    background:no-repeat url(/images/btn-100.jpg);
    color:#fff;
    line-height:32px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
}
.col-380{
    float:right;
    width:380px;
    background:no-repeat url(/images/col-3.jpg) 0px 40px;
}

.col-381{
    float:right;
    ;
    
}
.col-190{
    float:right;
    width:190px;
}
.col-790{
    float:left;
    width:460px;
    background:no-repeat url(/images/fond-inscription.png) 0px 22px;
    padding-left:110px;
}
.col-790 label{
    width:90px;
    position:relative;
}
.form-inscription input{
    width:250px;
}
.col-280{
    width:280px;
    float:right;
}
.col-615{
    padding-top:22px;
    width:615px;
    float:right;
}

.une-offre{
    width:670px;
    float:left;
    
}
.detail-offre-tel{
    margin-left:210px;
    width:405px;
    height:270px;
    background:no-repeat url(/images/fond-offre-tel.jpg);
    padding:10px 0 0 22px;
}

.btn-160x160{
    cursor:pointer;
    display:block;
    float:left;
	padding-top:20px;
    margin:0 15px 0 30px;
    height:160px;
    width:160px;
    background:no-repeat url(/images/160x190.jpg);
    color:#fff;
    text-decoration:none;
    text-align:center;
}

.btn-160{
    cursor:pointer;
    display:block;
    float:left;
    margin:0 10px 0 10px;
    height:32px;
    width:160px;
    background:no-repeat url(/images/btn-160.png);
    color:#fff;
    line-height:32px;
    text-decoration:none;
    text-align:center;
}


/* Formulaire */
.formulaire label{
    text-align:right;
}
.formulaire input{
    height:20px;
    width:257px;
    background:no-repeat url(/images/fond-input.jpg);
    padding:3px 0 0 0;
    border:0;
}
.formulaire .textarea_adresse{
    height:55px;
    width:257px;
    background:no-repeat url(/images/fond-area-1.jpg);
    padding:3px 0 0 0;
    border:0;
}
.formulaire .textarea_message{
    height:136px;
    width:333px;
    background:no-repeat url(/images/fond-area-2.jpg);
    padding:3px 0 0 0;
    border:0;
}
.sep-form{
    font-size:2px;
    height:10px;
}


.presse-gauche{
float:left;
    width:320px;
    background:no-repeat url(/images/pdf.png) ;
    padding-left:110px;
	font-size:11px;
}	

.presse-droite{
float:right;
    width:320px;
    background:no-repeat url(/images/img.png) 0px 22px;
    padding-left:110px;
	
	font-size:11px;
}

#slideshow {
	/*height: 289px;*/
	width: 591px;
	float: left;
	background: no-repeat url("../images/fond-slide.png");
}



#slideshow22 {
	/*height: 294px;*/
	width: 425px;
	float: left;
}

#slideshow23 {
	/*height: 327px;*/
	width: 908px;
	/*float: left;*/
        margin:0 auto;
}	


#slideshow1 {
	/*
	height: 289px;
	width: 591px;
	float: left;
	*/
	margin-right: 0px;
	padding-top: 0px;
        margin-top:10px;
	width: 900px;
	background: #FEFEFE;
	/*-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);*/
	border: 0px solid #CCCCCC;
}

#slideshow2 {
	/*
	height: 289px;
	width: 591px;
	float: left;
	*/
	margin-right: 0px;
	padding-top: 0px;
        margin-top:10px;
	width: 900px;
	background: #FEFEFE;
	/*-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 0px solid #CCCCCC;*/
}
#slideshow3 {
		/*
		height: 289px;
		width: 591px;
		float: left;
		*/
		margin-right: 0px;
		padding-top: 0px;
                margin-top:10px;
		width: 900px;
		/*height: 327px;*/
		background: #FEFEFE;
		/*-moz-border-radius: 10px;
		-webkit-border-radius:10px;
		behavior:url(/css/border-radius.htc);
		border: 0px solid #CCCCCC;*/
	}

#slideshow4 {
	/*
	height: 289px;
	width: 591px;
	float: left;
	*/
	margin-right: 0px;
	padding-top: 0px;
        margin-top:10px;
	width: 900px;
	background: #FEFEFE;
	/*-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 0px solid #CCCCCC;*/
}

#slideshow11 {
	/*height: 289px;*/
	width: 900px;
	float: left;
	background-color: #000
}
#slideshow12 {
	/*height: 289px;*/
	width: 902px;
	float: left;
}
#slideshow13 {
	/*height: 289px;*/
	width: 902px;
	float: left;
}
#slideshow14 {
	/*height: 289px;*/
	width: 902px;
	float: left;
}

#slideshow5 {
	/*height: 289px;*/
	width: 591px;
	float: left;
}

#slideshow6 {
	/*height: 289px;*/
	width: 591px;
	float: left;
}

#slideshow7 {
	/*height: 289px;*/
	width: 591px;
	float: left;
}

#slideshow-service {
	height: 489px;
	width: 700px;
	float: left;
	background: no-repeat url("../images/fond-slide.png");
}

#slideshowpack1 {
	width: 591px;
	float: left;
}
#slideshowpack2 {
	width: 591px;
	float: left;
}
#slideshowpack3 {
	width: 591px;
	float: left;
}

.btn-1 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	cursor: pointer;
}

.btn-1-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	color: #CA9000;
}

.btn-11 {
	margin-left:25px;
	float: left;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FFF;
	background: no-repeat url("../images/fond-slide1.png");
        cursor:pointer;
	
}

.btn-11-over {
	margin-left:25px;
	float: left;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FEFEFE;
	background: no-repeat url("../images/fond-slide1-on.png");
        cursor:pointer;
}

.btn-11-video {
	margin-left:225px;
	float: left;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FFF;
	background: no-repeat url("../images/fond-slide1.png");
	
}

.btn-11-over-video {
	margin-left:225px;
	float: left;
	line-height: 35px;
	font-size: 16px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FEFEFE;
	background: no-repeat url("../images/fond-slide1-on.png");
}


.btn-2 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-2-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;

}

.btn-12 {
	margin-left:35px;
	float: left;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FFF;
	background: no-repeat url("../images/fond-slide1.png");
        cursor:pointer;
	
}

.btn-12-over {
	float: left;
	margin-left:35px;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FEFEFE;
	background: no-repeat url("../images/fond-slide1-on.png");
}



.btn-3 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-3-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-13 {
	margin-left:35px;
	float: left;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FFF;
	background: no-repeat url("../images/fond-slide1.png");
        cursor:pointer;
}

.btn-13-over {
	float: left;
	margin-left:35px;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FEFEFE;
	background: no-repeat url("../images/fond-slide1-on.png");
}

.btn-4-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-4 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-14-over {
	float: left;
	margin-left:35px;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FEFEFE;
	background: no-repeat url("../images/fond-slide1-on.png");
}

.btn-14 {
	margin-left:35px;
	float: left;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	width: 188px;
	height:35px;
	color: #FFF;
	background: no-repeat url("../images/fond-slide1.png");
        cursor:pointer;
}

.btn-5-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-5 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-15-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-15 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-6-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-6 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-7-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-7 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-17-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-17 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-8-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-8 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-18-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-18 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-9-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-9 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.btn-19-over {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-19 {
	margin-top:5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 189px;
	margin-left: 7px;
	cursor: pointer;
}

.slide-contenu {
	margin: 20px 10px 10px 10px;
	height: 190px;
	width: auto;
	font-weight: bold;
}

.slide-contenu-gauche {
	margin: 10px 10px 10px 10px;
	/*height: 250px;*/
	width:550px;
	font-weight: bold;
}

.slide-contenu-gauche h1{
	text-align:left;
	font-weight: bold;
	font-size:17px;
}

.slide-contenu-gauche p
  {
  margin-bottom:10px;
  color:#888888;
  font-size: 12px;
  text-align: justify;
  }

.slide-contenu-gauche-video {
	margin: 10px 10px 10px 10px;
	/*height: 390px;*/
	width:630px;
	font-weight: bold;
}

.slide-contenu-gauche-video h1
{
    font-size:24px;
}

.slide-contenu-gauche-video p {
  margin-bottom:10px;
  color:#888888;
  font-size: 12px;
  text-align: justify;
}



.slide-contenu-gauche-fonctionnalite {
	/*margin-left: 40%;*/
	background-color:#FFFFFF;
	font-weight:bold;
        float: right;
	
	/*margin-top:-490px;*/
	}

.slide-contenu-right {
	float:right;
	margin-top: 10px;
	/*height: 250px;*/
        /*height: 450px;*/
	width:350px;
	font-weight: bold;
	color: #CA9000;
}

.slide-contenu-right h1{
	color: #CA9000;
	text-align:center;
	font-size:17px;
        margin-top:2px;
        margin-bottom:2px;

}



.slide-contenu-right a{
	color: #CA9000;
	text-align:center;
	font-size:17px;
}

.slide-contenu-right-video {
	float:right;
	margin: 105px 10px 10px 10px;
	width:275px;
	font-weight: bold;
	color: #CA9000;
}

.slide-contenu-right-materiel {
	float:right;
	margin: 10px 10px 10px 10px;
	text-align:center;
	width:350px;
	font-weight: bold;
	color: #CA9000;
}

.slide-contenu-right-materiel h2{
	color: #CA9000;
	text-align:center;
	font-size:15px;
        margin-top:10px;
}

.slide-contenu-right-materiel a{
	color: #CA9000;
	text-align:center;
	font-size:15px;
	text-decoration:none;
}



.en-savoir-plus {
	clear: both;
	text-align: right;
	color: #CA9000;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
}

.en-savoir-plus a {
	text-decoration: none;
	color: #CA9000;
	
}

.en-savoir-plus a:hover {
	text-decoration: underline;
	color: #CA9000;
	
}

.side-home {
	float: right;
	width: 290px;
}


.side-home p {
	color: #ffffff;
	font-size: 12px;
}

.side-home ul {
	color: #ffffff;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.side-home ul li a {
	color: #ffffff;
	text-decoration: none;
}

.side-home ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.side-home .side-home-lien {
	display: block;
	line-height: 42px;
	height: 42px;
	width: 290px;
	background: no-repeat url("../images/btn-290.jpg");
	font-size: 24px;
	text-align: center;
	text-decoration: none;
	color: #000000;
}


	
.slide-liste-1{
	margin-top: 20px;
	float: right;
	width: 280px;
	list-style: none;
	color: #4B4B4B;
	font-size: 14px;
}

.slide-liste-1 li{
	margin: 10px 0 10px 0;
}

.slide-liste-2 {
	margin-top: 40px;
	float: right;
	width: 240px;
	list-style: none;
	color: #4B4B4B;
	font-size: 14px;
}

.slide-liste-2 li{
	margin: 10px 0 10px 0;
}

.slide-liste-3 {
	margin-top: 30px;
	float: right;
	width: 300px;
	list-style: none;
	color: #4B4B4B;
	font-size: 14px;
}

.slide-liste-3 li{
	margin: 10px 0 10px 0;
}

.side-home .side-home-lien :hover {
	color: #000000;
}


.pack-1 {
	height: 261px;
	width: 214px;
	background: no-repeat url("../images/fond-pack-1.png");
	float: left;
}

.pack-2 {
	height: 261px;
	width: 214px;
	background: no-repeat url("../images/fond-pack-2.png");
	float: left;
	margin-left: 15px;
}

.pack-3 {
	height: 261px;
	width: 214px;
	background: no-repeat url("../images/fond-pack-3.png");
	float: left;
	margin-left: 15px;
}

.pack-4 {
	height: 261px;
	width: 214px;
	background: no-repeat url("../images/fond-pack-4.png");
	float: left;
	margin-left: 15px;
}

.pack-prix {
	margin: 136px 0 0 8px;
	padding: 10px 0 0 0;
	height: 42px;
	width: 108px;
	background: no-repeat url("../images/fond-prix.jpg");
	color: #373131;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	float: left;
}

.pack-contenu {
	margin-top: 50px;
	float: right;
	width: 90px;
	height: 190px;
	border: 1px #eeeeee;
}

.pack-contenu .nom {
	margin: 20px 0 10px 0;
	padding: 0;
}

.pack-contenu  ul {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	list-style: none;
}

.pack-contenu  ul  li {
	margin: 0;
	padding: 0;
	line-height:12px;
}

.pack-contenu-info {
	color: #888888;
	font-size: 9px;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
}



.nom-pack {	
	line-height: 22px;
	font-size: 18px;
	font-weight: bold;
}

.nom-pack a {
	color: #000000;
	font-size: 18px;
	text-decoration: none;
}

.nom-pack a:hover {
	color: #000000;
	font-size: 18px;
	text-decoration: none;
}

.paiement-type {
	margin: -15px 0 0 8px;
	padding: 0 0 0 0;
	height: 95px;
	width: 108px;
	text-align: center;
	background: no-repeat url("../images/fond-aide-installation.png");
	color: #373131;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	float: left;
}


.paiement-type font{
	font-size: 10px;
	font-weight: bold;
}

.en-savoir-plus-pack {
	
	padding-right: 10px;
	
	text-align: right;
	color: #CA9000;
	font-size: 11px;
	font-weight: bold;
}

.en-savoir-plus-pack a {
	text-decoration: none;
	color: #CA9000;
	
}

.en-savoir-plus-pack a:hover {
	text-decoration: underline;
	color: #CA9000;
	
}

.nom-prix-pack {
	height: 52px;
	width: 640px;
	background: no-repeat url("../images/fond-prix-pack.png");
}

.nom-prix-pack  .left{
	padding: 0;
	margin: 0;
	float: left;
	width: 370px;
}

.nom-prix-pack  h1 {
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
}

.nom-prix-pack   p {
	padding: 0;
	margin-left: 20px;
	color: #000000;
}

.nom-prix-pack  .right {
	float: right;
	padding: 0;
	margin: 0;
	width: 250px;
}

.nom-prix-pack  .right  .prix-ttc {
	padding: 0;
	margin: 0 0 0 0px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #cccccc;
}

.nom-prix-pack  .right  .prix-ht {
	padding: 0;
	margin: 35;
	font-size: 10px;
}

.slide_detail_pack {
	
}

.slide_detail_pack  .onglet {
	width: 640px;
	height: 56px;
	background: no-repeat url("../images/slide-onglet.png");
}

.slide_detail_pack  .contenu {
	color: #000000;
	padding: 0 10px 0 10px;
	margin: 0;
	width: 620px;
	background: repeat-y url("../images/slide-fond.png");
}

.slide_detail_pack  .bas{
	clear: both;
	padding: 0;
	margin: 0;
	height: 18px;
	width: 640px;
	background: repeat-y url("../images/slide-bas.png");
}

.btn-1-slide {
	margin-top:5px;
	margin-right: 5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 204px;
	cursor: pointer;
	color: #000000;
}

.btn-1-slide-over {
	margin-top:5px;
	margin-right: 5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 204px;
	color: #CA9000;
}

.btn-2-slide {
	margin-top:5px;
	margin-right: 5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 204px;
	margin-left: 7px;
	cursor: pointer;
	color: #000000;
}

.btn-2-slide-over {
	margin-top:5px;
	margin-right: 5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 204px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-3-slide {
	margin-top:5px;
	margin-right: 5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 203px;
	margin-left: 7px;
	cursor: pointer;
	color: #000000;
}

.btn-3-slide-over {
	margin-top:5px;
	margin-right: 5px;
	float: left;
	line-height: 34px;
	font-size: 18px;
	text-align: center;
	width: 203px;
	margin-left: 7px;
	color: #CA9000;
}

.btn-commander {
	border: 0;
	margin-top: 10px;
	width: 640px;
	height: 36px;
	background: no-repeat url("../images/btn-commander.jpg");
	display: block;
	cursor: pointer;
}

.pack-left {
	margin-top: 25px;
	width: 230px;
	float: left;
}

.pack-option{
    width:230px;
	font-size:11px;
}

.offre {
	float: right;
	width: 900px;
	height: 472px;
}

.offre .gauche {
	float: right;
	width: 353px;
	height: 472px;
	background: no-repeat url("../images/offre-gauche.png");
}

.offre .droite {
	float: right;
	width: 541px;
	height: 472px;
	background: no-repeat url("../images/offre-black.png");
}

.offre .gauche h2 {
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	margin-left: 37px;
}

.offre .gauche ul {
	margin-left: 50px;
	list-style : none;
	line-height: 35px;
	color: #000000;
	font-size: 19px;
	font-weight: bold;
}

.offre .gauche ul li {
	margin-bottom: 2px;
}

.offre .gauche a {
	color: #000000;
	text-decoration: none;
}

.offre .gauche a:hover {
	color: #000000;
	text-decoration: underline;
}

.list-complement {
	list-style: none;
}

.bloc-bas-page {
	width: 350px;
	height: 190px;
	background: no-repeat url("../images/fond-bloc.jpg");
}

.fleft {
	float: left;
}
.fleft2 {
	width: 500px;
		float: left;
		text-align: left;
		
}

.fleft3 {
	width: 600px;
		float: left;
		text-align: left;
		
}

.fleft4 {
	width: 550px;
		float: left;
		text-align: left;
		
}

.fright {
	float: right;
}

.fright-entoure {
	font-color:#cccccc;
}



.right2 {
	width: 250px;
	float: right;
	text-align: center;
		
}



.bloc-titre {
	margin-top: 8px;
	display: block;
	height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.bloc-bas-page ul {
	margin-bottom: 20px;
}

.bloc-bas-page ul li {
	margin-left: 15px;
	list-style: none;
	padding: 6px 0 0 0;
}

.bloc-bas-page ul li a {
	color: #000000;
}

.lst-option li {
	padding: 5px;
	min-height: 75px;
	width: 610px;
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	list-style: none;
}

.lst-option .prix {
	float: right;
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
	color: red;
}
.lst-option .titre {
	font-size: 14px;
	font-weight: bold;
}

.lst-option .description {
	font-size: 11px;
	padding-top: 7px;
}

.bloc-bas-page {
	margin-left: 3px;
	padding-top: 10px;
	width: 590px;
	height: 220px;
	background: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
}

.bloc-bas-page2 {
	margin-left: 10px;
	padding-top: 10px;
	width: 490px;
	height: 220px;
	background: #0a0a0a;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 2px solid #323232;
	
}

.bloc-bas-page3 {
	margin-right: 10px;
	padding-top: 10px;
	width: 350px;
	height: 220px;
	background: #0a0a0a;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 2px solid #323232;
	
}

#bloc-haut-page4 {
	width: 902px;
	height: 326px;
        /*width:1000px;
        height:400px;*/
	background: #e8e8e8;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 3px solid #e8e8e8;	
}

#bloc-haut-page5 {
	/*float: left;*/
	/*margin-right: 0px;*/
	padding-top: 0px;
	width: 902px;
        margin:0 auto;
	/*height: 550px;*//*
        height: 595px;*/
	background-color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 3px solid #FFFFFF;
	z-index:inherit;
	
}

#bloc-haut-demander-contact {
	/*float: left;
	margin-right: 0px;*/
	padding-top: 0px;
	width: 902px;
        margin:0 auto;
	height: 75px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
	border: 3px solid #FFFFFF;
	background:url('/images/fond-contact-off.jpg');
}

#bloc-haut-demander-contact:hover, #bloc-haut-demander-contact:focus{
    background:url('/images/fond-contact-on.jpg');
}
/*#bloc-haut-demander-contact img{
display:none;
}

#bloc-haut-demander-contact img{
display:none;
}*/

.bloc-haut-demander-contact-texte { 
line-height:75px;
vertical-align:middle;
font-size: 45px;
font-weight: bold;
text-align: center;
	}
	
.bloc-haut-demander-contact-texte a{ 
	line-height:75px;
	vertical-align:middle;
	font-size: 45px;
	font-weight: bold;
	text-align: center;
	color: #000000;

		}
		
		.bloc-haut-demander-contact-texte a:hover{ 
		line-height:75px;
		vertical-align:middle;
		font-size: 45px;
		font-weight: bold;
		text-align: center;
		color: #ebebeb;
		text-decoration:underline;
			}

.bloc-droite-fonctionnalite {
	float:left;
	/*height:490px;*/
	margin-left: 20px;
	margin-top:15px;
	font-weight: bold;
	background-color: #ffF;
	border-left-width: 1px dashed #9d9d9d;	
	border-right-width: 1px dashed #9d9d9d;
	background-color: #f9f9f9;
	
	
}

.lien-blog {
	color: #D6AA3B;
	font-weight: bold;
	text-align: center;
}

.lien-blog2 {
	font-size:13px;
	color: #D6AA3B;
	font-weight: bold;
	text-align: center;
}

.lien-blog a{
	color:#3B3B3B;	
	text-decoration: none;
}

.lien-blog a:hover{
	margin-top:5px;
	color:#3B3B3B;	
	text-decoration: underline;
}

.article-blog {
	margin-top: 5px;
	margin-left: 8px;
	height: 50px;
	width: 280px;
	/*border: 1px solid #aaaaaa;*/
}

.article-blog a{
	color: #e9e9e9;
}

.article-blog2 a{
	color: #fff;
}

.article-blog-lien{
	color: #3B3B3B;
	cursor: pointer;
}

.article-blog-lien2{
	color: #CA9000;
	cursor: pointer;
}

.article-blog-lien-over{
	color: #CA9000;
}

.article-blog-lien-over2{
	color: #CA9000;
}

.etape-liste{
	color: #CA9000;
	list-style: none;
	font-size: 26px;
}

.etape-liste-puce{
	font-size: 26px;
}

.col-gauche{
	float: left;
	width: 345px;
	margin-right: 20px;
}
.col-gauche .titre{
	font-size: 24px;
	text-align: center;
}

.col-gauche .illustration{
	padding: 5px;
	text-align: center;
	background: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);
}

.col-gauche .illustration .en-savoir-plus{
	font-size: 11px;
}

.video-logiciel{
	width:420px;
	font-weight: bold;
	color: #CA9000;
}

.texte-video {
	padding-top:15px;;
	line-height: 25px;
	width: 480px;
	font-size: 24px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.texte-actualite {
	padding-left:25px;
	padding-top:15px;;
	line-height: 25px;
	width: 480px;
	font-size: 24px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}

.texte-reference {

	padding-top:15px;;
	line-height: 25px;

	font-size: 24px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}


.mini-cam{
	height:39px;
	width: 345px;
	clear: both;
	padding-top: 5px;
	line-height: 39px;
}

.mini-cam img{
	float: left;
	margin-right: 5px;
}

.onglet-cam-gauche {
	margin-top: 10px;
	float: left;
	width: 172px;
	text-align: center;
}

.onglet-cam-droite {
	margin-top: 10px;
	float: right;
	width: 172px;
	text-align: center;
}

.onglet-cam-gauche .onglet-cam-titre-over{
	font-size: 12px;
	font-weight: bold;
	color: #CA9000;
}

.onglet-cam-gauche .onglet-cam-titre{
	font-size: 12px;
	font-weight: bold;
}

.onglet-cam-droite .onglet-cam-titre-over{
	font-size: 12px;
	font-weight: bold;
	color: #CA9000;
}

.onglet-cam-droite .onglet-cam-titre{
	font-size: 12px;
	font-weight: bold;
}

.onglet-cam-btn {
	cursor: pointer;
	text-decoration: underline;
}

.onglet-cam-btn-over {
	color: #CA9000;
}


.clicTitre .clictitre0 .clicTitre1 .clictitre2 .clictitre3 .clictitre4 .clictitre5 .clictitre6 .clictitre7 .clictitre8
  {
  border-color: #ff0000;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  width: 340px;
  height:500px;
  
  }

.clicCacher
  {
  top: 20px;
  position: relative;
  text-align:left;
  float:left;
  width: 495px;
  margin-top:-20px;
  padding:15px;
  }

.clicCacher h2
  {
  margin-bottom:15px; 
  line-height:42px;
  font-size: 25px;
  color:#3a3a3a;
  }

.clicCacher img
  {
  float:left; 
  margin-right:15px;
  }

.clicCacher-int
  {
  float:left; 
  margin-right:15px;
  }

.clicCacher p
  {
  margin-bottom:25px;
  color:#888888;
  font-size: 13px;
  text-align: justify;

  }


.contenant
  {
  display : block;
  border: 1px solid #FFF;
  background-color: #000;

width: 200px;
  }

.slideshow-container	{ 
	height:327px; 
	position:relative; 
	}

.slideshow-container img { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	}

	#imageContainer {
		height:327px;
		width :902px;
	}

	#imageContainer img {
		display:none;
		position:absolute;
		top:100; left:200;
                /*top:170px; left:400px;*/
                margin-left:5px;
                width:890px;
                height:327px;
	}
	
.titre-fonctionnalite{ 
	text-align:center;
	height:22px;
	font-size: 18px;
	background:#CA9000;
	color:#FEFEFE;
	cursor: pointer;
	/*-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	behavior:url(/css/border-radius.htc);*/
	border: 1px solid #CA9000;
        width:100%;
	}
	
	.titre-fonctionnalite p{ 
    line-height:22px;
    vertical-align:middle;
		}

.fonctionnalite{
		width:340px;
		height:42px;
		clear: both;
		text-align: left;
		color: #CA9000;
		font-size: 15px;
		font-weight: bold;
		margin-right: 0px;
		background-color:#f8f8f8;
		border-bottom: dashed 1px #bababa; 
		
		
	}
	
.fonctionnalite a { 
	    color:#000000;
	    text-decoration:none;
		font-size:11px;
		vertical-align:middle;
}

#concept_video_comprendre, #concept_video_demo
{
    cursor:pointer;
}


#video_contenu{
    width:908px;
    margin:0 auto;
    /*background:repeat url(/images/contenu-fond.jpg);*/
}

#video_slideshow23 {
	width: 908px;
        margin:0 auto;
}

.lien_slide{
    color:#6E6E6E;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
}

.lien_slide:hover{
    color:#CA9000;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}