/****************************************************
*****************************************************
****************************************************/

div#page{
	text-align : justify;
	margin : 7px auto 0px ;
	font : 12px Arial, sans-serif;
	overflow:visible;
	width:1003px;
	padding-bottom:20px;
}

.hide{
	display:none;
}

#page .illu{
	position:absolute;
	top:303px;
	left:504px;
}

div#page .widthPage{
	padding : 0px 0px 0px 0px ;
	width : 565px;
}

*html #page .widthPage{
	padding: 0 0 0 200px;
}

#page h1{
	text-transform : uppercase;
	border-bottom:2px solid #EAE8E8;
	line-height:25px;
	font-size:14px;
	color:#9A1D75;
}

#page h2{ font-size:13px;margin-top:15px;
position:relative;
top:15px;
color:#991C74;

}

div#page h4{
	margin : 0px 0px 0px 70px ;
	padding : 0px 0 0 0;
	font : bold 12px arial ;
	color :#9A1D75;
}

div#page h5{
	padding : 15px 0px 0px 15px;
	font-size:14px;
	color :#9A1D75;

}

div#page h6{
	padding : 15px 0px 0px 15px;
	font-size:12px;
	color :#00a6eb;
	background:transparent url('../img/arrow.gif') 0px 18px no-repeat;
	margin-left:15px;
}


#page h6 a{
	color:#69caf3;
}



div#page .workStatus{
	margin : 0;
	padding : 0px;
	font : bold 11px arial ;
	color :#ADA7A7;
}
div#page hr{
	margin : 7px 0px 0px 0px ;
	padding : 0px;
	font : 1px ;
	height : 1px;
	border: none;
	background: #EAE8E8;
	color : #EAE8E8;
}
div#page p{
	padding : 22px 0px 0px 0px;
}

div#page #schema{
	position : absolute ;
	top: 25px;
	right : 15px;
}



.fleft{
	float:left;
}

.teaserItalic{
	float:left;
	font-style:italic;
	font-size:18px;
	width:136px;
	padding-right:15px !important;
	color:#999999;
	font-weight:normal;
}

.violet{
	color:#991c74;
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.first{
	float:left;
	width:48%;
}

.second{
	float:right;
	width:48%;
}


/****************************************************
****************ASSURANCE ET GARANTIE*****************************
****************************************************/
.assurance{
	margin-left:0!important;
}

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

.assurance li{
	height:32px;
	border-bottom:1px solid #DBDBDB;
	line-height:14px;
	margin-top:20px!important;
}

.assurance li p{
	margin-left:5px;
}

.assurance li p.position{
	position:relative;
	top:10px;
}



/****************************************************
*****************SOUFFLET******************************
****************************************************/


#page #menuSoufflet{
	margin : 10px 0px 20px 0;
	list-style-type : none;
	float:left;
	height:auto;
}

#page #menuSoufflet li{
	margin : 0px ;
	padding:0;
	width : 48%;
	float:left;
	display:block;
	background:none;
	margin-bottom:13px;
}

#page #menuSoufflet li img{
	float:left
}


ul#menuSoufflet li a{
	text-decoration : none;
	color: #6f6f6f;
	display:block;
	text-align:left;
	outline:none;
	margin: 0 10px 0 40px;
	line-height:25px;
	border-bottom:1px solid #DBDBDB;

}

#page #menuSoufflet a:hover{
	font-weight:bold;
}


#page #menuSoufflet .blue{
	color:#6F6F6F!important;
	font-weight:bold;
}

#page #menuSoufflet .over{
	font-weight:bold;
}

#page #soufflet1, #page #soufflet2, #page #soufflet3, #page #soufflet4{
	clear:both;
}


.soufflet{
	clear:both;
	border:2px solid #E5E5E5;
	width:98%;
	padding:10px;
	background:#FEFEFE url('../img/soufflet_bg.gif') top left repeat-x;
	position:relative;
	margin-bottom:10px;
}

.soufflet h2{
	color:#991c74;
	font-size:13px;
	border-bottom:1px solid #991c74;
	line-height:35px;
	top:0!important;
	margin:0!important;
	height:40px;
}

.soufflet h2 img{
	margin-right:10px;
	position:relative;
	top:7px;
}

#page p img.right,#page  img.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}
/****************************************************
*****************FIN SOUFFLET******************************
****************************************************/

#page ul{
	width:100%;
	margin : 10px 0px 10px 30px ;
	list-style-type : none;
	display : block;
}

#page ul li{
	margin: 0px 0px 5px 0px ;
	text-align:left;
}
#page ul li ul{
	margin-top:10px;
}


#page ul li p{margin:0px;padding:0 0 5px 0;}

#page .sup{
	margin-top:20px;
}

#page .sup li{
	margin:5px 0 0 0;
	padding-left:15px;
	background:transparent url('../img/liste.png') 0 3px no-repeat!important;
	text-align:justify;
}

#page .carre{
	margin-top:20px;
}

#page .carre li{
	margin:5px 0 0 0;
	padding-left:12px;
	background:transparent url('../img/puce_carre.gif') 0 4px no-repeat;
}
/****************************************************
*****************ESPACE PRESSE******************************
****************************************************/

/********************LOGOS A TELECHARGER****************************************************/
#page .logos{
	margin : 0px;
	padding : 10px 0px 0px 0px ;
	width : 100%;
	display:block;
	height:500px;
	height:100%;
	float:none;
}
#page ul.logos li{
	margin-top : 10px!important;
	list-style-type:none;
	clear:both;
	display:block;
}
#page .logos  h2{
	padding : 0px 0px 0px 0px ;
	font : bold 14px arial;
	width : 208px;
	clear:both;
	display:block;
	top:-5px!important;
}
#page.logos li div{
	float : left;
	width : 215px;
	margin-left:0px;
}
#page.logos  li p{
	margin : 0px;
	padding: 0px;
	font : bold 12px arial;
}
#page.logos li ul{
	margin : 0!important;
	width : 200px;
	clear:both;
	height:60px;
	float:none;
	display:block;
}
#page .logos li ul li{
	margin : 0;
	background:transparent url('../img/arrow.gif') 0px 2px no-repeat;
	padding-left:15px;
	float:none;
	display:block;
}

#page .logos .link{
	text-decoration : none;
	font : normal 12px arial;
	background:transparent url('../img/link.gif') 0 2px no-repeat;
	padding-left:20px;

}
#page .logos .link:hover{
	text-decoration : underline;
}
/****************************************************
*****************FIN ESPACE PRESSE*******************
****************************************************/



/****************************************************
*****************CONTACT FORM*******************
****************************************************/

#page #contact{
	margin-top : 0px;
	margin-left:0px;
	width:770px;
}

#page #contact h5{
	padding:15px 0  5px 0!important;
}

*html #page #contact{
	margin-top:-15px;
}

#page #contact input{
	float:left;
	margin:5px;
}

* html #page #contact input{
	margin:3px!important;
}


#page #contact select, #page #contact textarea{
	margin-top:10px;
}

#page #contact textarea{
	width:280px;
}

#page #contact form{
	margin:0;
	padding:0;
}


#page #contact label{
	width:140px;
	display:block;
	margin-top:5px;
	float:left;
}


#page #contact .first{
	width:330px;
	float:left;

}

#page #contact .second{
	width:330px;
	float:right;
	margin-right:90px;
}

#page #contact h3{
	width:630px;
}

#page #contact h2{
	top:-3px!important;
	clear:both;
	margin-top:20px;
}

#page #contact .valider{
	background:#991C74;
	color:white;
	border:none;
	width:100px;
	font-weight:bold;
}

#page #contact p{
	width:613px;
	clear:both;
}

#page #contact select{
	width:146px;
	margin-top:5px;
	margin-left:5px;
}

#page #contact .submit{
	background:#9A1D75;
	color:white;
	border:none;
	font-size:10px;
	height:20px;
	width:146px;
	margin-left:141px;
	padding-bottom:2px;
	font-weight:bold;
}

/****************************************************
*****************Nous contacter*******************
****************************************************/
#contactus{
	width:765px;
	padding:10px;
	margin-left:-190px;
}

/****************************************************
*****************TEMOIGNAGES REVENDEURS*******************
****************************************************/
.temoin{
	padding:10px;
	font-size:13px;
	clear:both;
	cursor:pointer;
	background-color:#F6F6F6;
	height:50px;
	margin:10px 0;
}



.temoin img{
	float:left;
	border:1px solid #EAE8E8;
	margin-right:5px;
}

.temoin .nom{
	color:red;
	width:30%;
	float:left;
	height:50px;
	padding:0!important;
	color:#991C74;
	font-weight:bold;
	text-align:left;
}

.temoin .adresse{
	float:right;
	height:50px;
	padding:0!important;
	width:50%;
	text-align:right;
}

.question{
	clear:both;
	font-weight:bold;


}

/****************************************************
*****************COMMUNIQUES DE PRESSE********
****************************************************/

div#page .cp h6{
	font-size:11px;
	color :#786F70;
	background:#F1F1F1;
	padding:5px 10px;
	margin-top:20px;
	width:460px;
}

div#page .cp p{
	margin:0;
	padding:0;
	padding-top:10px;
	width:480px;
}

div#page .cp a{
	color:#666;
}







/****************************************************
*****************FIN COMMUNIQUES DE PRESSE***
****************************************************/

/****************************************************
***************** REFERENCES***
****************************************************/

.reference{
	width:572px;
	padding:10px;
	margin-left:-190px;
	width:750px;
}

* html .reference{
	margin-left:-190px;
	width:752px;
}

.titreReference{
	margin-top : 30px ;
	margin-bottom : 10px ;
	border-bottom : 1px solid #EAE8E8;
	text-transform : uppercase;
}

.reference img{
	height:45px;
	width:90px;
	float:left;
	padding:15px;
}


/****************************************************
*****************ESPACE REVENDEURS***
****************************************************/
#espace{
	width:983px;
	/*padding:10px;*/
	margin-left:-190px;
	/*background: transparent url('../img/espace_bg.jpg') top right no-repeat;*/
	background: url('../img/espace-revendeurde-blend.gif') repeat-y;
	/*padding-top:3px;*/
}



#espace .rubriquel{
	position:absolute;
	left:8px;
	top:9px;
}

#espace .rubriquer{
	position:absolute;
	right:10px;
	top:9px;
}

#espace div .rubriqueg,#espace div .rubriquegg,#espace div .rubriqued,#espace div .rubriquedd{
	clear:both;
	height : 111px;
	width : 340px;
	position : absolute;
	top: 143px;
	left : -186px;
	background: url('../img/espace-revendeurdef-back-le.gif') no-repeat;
	text-align : center;
}
#espace div .rubriqueg h1,#espace div .rubriquegg h1,#espace div .rubriqued h1,#espace div .rubriquedd h1{
	color : #28B6BA;
	font : bold 19px arial;
	text-align : center;
	padding-top:10px;
	border:0px;
	text-transform : none;
	line-height:20px;
	width:314px;
}


#espace div .rubriqueg h1 a,#espace div .rubriqueg p a {	color : #28B6BA; }
#espace div .rubriquegg h1 a,#espace div .rubriquegg p a{	color : #C61F93; }
#espace div .rubriqued h1 a,#espace div .rubriqued p a{	color : #EA8628;}
#espace div .rubriquedd h1 a,#espace div .rubriquedd p a{	color : #6BADE7;}

#espace div .rubriqueg p,#espace div .rubriquegg p,#espace div .rubriqued p,#espace div .rubriquedd p{
	padding-top:3px;
	width : 320px;
}
#espace div .rubriquegg{	top: 278px;}
#espace div .rubriqued,#espace div .rubriquedd{
	top: 143px;
	left : 452px;
	background: url('../img/espace-revendeurdef-back-ri.gif') no-repeat;
}
#espace div .rubriquedd{	top: 278px;}

.rubriquesgray{
	text-align:right;
	background : url('../img/espace-revendeurdef-blend-g.gif');
	width:100%;
	height: 36px;
}
.rubriquesgray ul{
	width : 370px !important;
	float : right ;
}
.rubriquesgray ul li{
	float : left ;
	padding-right : 20px;
}
.rubriquesgray ul li a{
	font : normal 12px arial ;
	color : #939393;
}





#espace .rubrique img{
	padding-top:10px;
}
#espace .rubrique p{
	padding-top:5px;
}


/****************************************************
*****************SUPPORT**
****************************************************/



#support{
	width:983px;
	margin-left:-190px;
	position:relative;
	top:-26px;
}

#support #support_menu{
	background : url('../img/support.jpg') 0 2px no-repeat;
	width:1002px;
	height:308px;
}

#support ul{
	margin:0;
}

#support li{
	width:180px;
	padding: 142px 10px 0 10px;
	position:relative;
	float:left;
}

#support .txt{
	text-align:center;
	position:absolute;
	top:200px;
	width:89%;
}


#support .title{
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
}


#support .link{
	color:white;
	text-align:center;
	position:absolute;
	top:280px;
	left:0;
	font-size:17px;
	width:200px;
	display:block;
	margin:0 auto;
	
}


.accordion img{
	margin-top:10px 0;
}


.accordion h2{
	background: transparent url(../img/arrow-square.gif) no-repeat right -56px;
	cursor: pointer;
	padding-right:20px;
}

.accordion h2.active {
	background-position: right 0px;
}

.accordion ul{
	width:auto!important;
}

/****************************************************
*****************END SUPPORT**
****************************************************/


.rubriquegray1, .rubriquegray2,.rubriquegray3,.rubriquegray4{
	height:60px;
	border-top:2px solid #E5E5E5;
	border-bottom:1px solid #D393BD;
	background:#F5F5F5;
	padding:0 10px;
}

.rubriquegray1 , .rubriquegray2 ,.rubriquegray3 img, .rubriquegray4 img{
	padding-top:10px;
}

.rubriquegray1{
	width:48%;float:left;
	background:white;
}

* html .rubriquegray1{
	width:450px;
}

.rubriquegray2{
	width:135px;float:left;
	position:relative;
	right:-11px;
	padding-left:10px;
}
.rubriquegray3{
	width:77px;float:left;position:relative;right:-15px;
	height:70px;
}

.rubriquegray4{
	width:210px;float:left;
	height:70px;
	position:relative;right:-7px;
}
/****************************************************
*****************PRESSE RELEASE********************
****************************************************/


.prelease{
	position:relative;
	margin-bottom:20px;
}

.prelease p{



}

.prelease p.teaser{
	font-style:italic;
	padding-top:0!important;
}

.prelease .logo{
	position:absolute;
	width:208px;
	height:86px;
	left:570px;
	top:52px;
	background : transparent url('../img/review/background.gif') top left no-repeat;
	visibility:hidden;
	display:none;
}

.prelease .logo img{
	position:relative;
	left:11px;
	top:3px;
	height:79px;
	width:186px;
}

/****************************************************
*****************COMMUNIQUE SEUL ****************
****************************************************/

.pcommunique{
	padding-bottom:30px;
}

.pcommunique h5{
	float:right;
}

.pcommunique p{
	margin-left:10px;
	padding-top:15px!important;
}


.pcommunique .teaser p{
	color:#9A1D75 !important;
	font-weight:bold !important;
	clear:both !important;
	margin-left:0!important;
}

/****************************************************
*****************TS LES COMMUNIQUES ****************
****************************************************/


.pcommuniques{
	width:794px;
	padding-bottom:30px;
}

/**************P NEWS**************/

.pnews{
	width:450px!important;
	position:relative;
	top:-13px;
}

.pnews ul{
	margin:0 0 20px 0!important;
}


.pnews ul li{
	border-bottom:1px solid #E5E5E5;
	float:none!important;
	margin:5px 0 0 70px!important;
	width:100%!important;
}

.pnews ul li a{
	color:#666666!important;
	font-style:italic;
	text-decoration:none!important;
	line-height:20px;
}

.pnews h6 a{text-decoration:none!important;color:#666666!important;}

/**************P NEWS**************/

.formok{
background:#5EC6F2;
border:none;
color:white;
font-size:11px;
padding:2px;
width:100px;
font-weight:bold;
}


.accordion4 a{
	color:white;
	margin-top:10px;
	background: transparent url(../img/arrow-square.gif) no-repeat right -50px;
	text-align:left;
	text-decoration:none;
	padding:2px 15px 0 3px;
	display:block;
	cursor: pointer;
}

.accordion4 a.active {
	background-position: right 6px;
	color:#9A1D75;
	border-bottom:none;
}

.accordion4 p {
	margin:0 10px 0px 40px!important;
	padding:10px!important;
	clear:both;
	background:#FEFEFE url(../img/soufflet_bg.gif) repeat-x 0 -60px;
	border-bottom:2px solid #DBDBDB;
	float:none;
	height:auto;
}


.accordion4 li{
	margin : 0px ;
	padding:0;
	width : 100%;
	float:left;
	display:block;
	background:none;
	margin-bottom:20px!important;
}

.accordion4 li img{
	float:left
}

.accordion4 li p{
	text-align:justify;
}

.accordion4 li a{
	text-decoration : none;
	color: #666666;
	display:block;
	text-align:left;
	outline:none;
	margin: 0 10px 0 40px;
	line-height:25px;
	border-bottom:2px solid #DBDBDB;
}

.accordion4 li a:hover{

	color: #9A1D75;
}