body
{
	background: white;
	font-family:Arial;
	font-size:12px;
}

*
{
	padding: 0px;
	margin: 0px;
}
img
{
	display: block;
}
.clear
{
	clear: both;
}

a img
{
	border: none;
}
a
{
	color: #ff801a;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.discret
{
	color: #7A7A7A;
	font-weight:normal;
}
li
{
	/*list-style-image : url(../images/bouton.png);*/
	margin: 0px;
}
ul
{
	padding: 0 13px;
}

h1, h2, h3, h4, h5, h6
{
	color: #ff801a;
	font-size: 22px;	
	/*background:url(../images/hr.png) bottom left repeat-x;*/
	padding-bottom: 5px;
	display: block;
	margin-bottom:10px;
}
h1
{
	line-height:26px;
}
h2
{
	/*color:#7A7A7A;*/
	color:#ff801a;
	font-size:16px;
	font-weight:bold;
	margin:15px 0 0;
	line-height:20px;
}
h3
{
	font-size: 14px;
	font-weight:bold;
	margin: 10px 0;
}
h5, h6
{
	font-size: 11px;
	font-weight:bold;
	display: inline;
}
h4
{
	color:#7A7A7A;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 2px;
	padding-bottom:0px;
}
.hr
{
	width: 100%;
	height: 2px;
	margin: 5px auto 8px 0;
}
input, textarea, select
{
	background: url(../images/input.png) repeat-x top center #EAEAEA;
	border: solid #DBDBDB 1px;
	color: #7A7A7A;
}
input:hover, textarea:hover, select:hover
{
	border: 1px solid #999999;
}
.center
{
	width: 100%;
	text-align: center;
}
.gray
{
	color: gray;
}
/*_________________________master__________________________*/

#corps
{
	background: white;
}
#bandeau .page
{
	background: url(../images/fond2.png);
}
#corps .page
{
	width:1001px;
}
.page
{
	width:1003px;
	margin-left: auto;
	margin-right: auto;
}
#colonne1
{
	width: 250px;
	float: left;
	margin-bottom: 30px;
}
#colonne2
{
	width: 750px;
	float: right;
}
.ariane{
	margin-bottom:10px;
	margin-top:5px;
	color:#7a7a7a;
	font-size:11px;
	font-family:Arial;
}
.retourAccueil{
	color:#7a7a7a;
	font-weight:bold;
}
.retourAccueil:hover{
	color:#ff801a;
}
/*_________________________bandeau__________________________*/
#logo
{
	margin-top: 11px;
	display: inline;
}
#bandeau
{
	background: url(../images/fond.png);
}
#bandeau .contenu
{
	background: white;
	padding: 1px 1px 0 1px;
	position: relative;
}
#bandeau #banniere
{
	padding-top: 55px;
}
/*_________________________Noel__________________________*/
/*#logo
{
	margin:0;
}
#bandeau
{
	background: url(../images/noel/fond_noel.png);
}
#bandeau .page{
	background:none;
}*/
/*_________________________menu__________________________*/
#menu .bouton a
{
	display: block;
	width: 143px;
	height: 35px;
	float: left;
	text-align: center;
	padding-top: 20px;
	font-family:Arial;
	color: #7A7A7A;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;	
	position: relative;
	z-index: 20;
}
#menu .bouton a:hover
{
	color: #ff801a;
}
#menu .onglet
{
	display: none;
	position: absolute;
	margin-left: -183px;
	top: 45px;
	overflow: hidden;
	width: 400px;
	z-index: 9;
}
#menu .onglet .contenu
{
	padding: 0px;
	padding-left:5px;
	background: url(../images/menu2.png) repeat-y;
	margin: 0;
}

#menu .onglet .image3
{
	position: relative;
	z-index: 10;
}
#menu .onglet .nom
{
	display: none;
}
#menu .onglet a
{
	background: #EFEFEF;
	display: inline-block;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
	z-index: 100;
	width: 352px;
	text-decoration: none;
	color: black;
	clear: both;
	overflow: auto;
	font-family:Arial;
	font-size:11px;
	margin:0;
	color:#666;
}
#menu .onglet a strong
{
	display:block;
	line-height:8px;
	margin-bottom:3px;
	text-transform:uppercase;
	color:#ff801a;
}
#menu .onglet a:hover strong
{
	color:#fff;
}


#menu .onglet a img
{
	float: left;
	margin:0px;
	margin-right:10px;
}
#menu .onglet a:hover img
{
	background:url(../images/bt_outils-gratuits_roll.png) repeat-x #ff801a;
	z-index:100;
}
#menu .onglet a:hover
{
	/*background:url(../images/degrad_orange.png) repeat-x #ff801a;*/
	background-color:#ff801a;
	color: white;
}
#menu
{
	width: 1001px;
	background: url(../images/onglet2.png) #F3F3F2;
	position: absolute;
	top: 118px;
	margin-left: 1px;
}
#fleche
{
	position: absolute;
	top: -9px;
	display: none;
	z-index: 10;
}
.coinDroit, .coinGauche
{
	position: absolute;
	top: 0px;
	z-index: 7;
}
.coinDroit
{
	left: 998px;
}
.coinGauche
{
	left: 0px;
}

/*_________________________cadre orange__________________________*/
#cadreorange
{
	color: white;
	display: inline-block;
}
#cadreorange .hr
{
	width: 65%;
}
#cadreorange .cadreorange
{
	background: url(../images/orange.png) #ff801a;
	width: 236px;
	float: left;
	/*height: 157px;*/
	position: relative;
	overflow: hidden;
	padding: 7px;
	padding-bottom:0;
	top: -62px;
}
#cadreorange .cadreorange .miniature
{
	float: left;
	padding-right: 7px;
	margin-bottom: 75px;
}
#cadreorange .cadreorange strong
{
	font-size: 14px;	
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin: 0 17px 10px 72px;
	display: block;
	text-transform:uppercase;
	padding-top:5px;
}
/*_________________________bouton__________________________*/
.boutonblanc img
{
	position: absolute;
	top: 0px;
}
.boutonblanc .bouton2
{
	background: url(../images/bouton2.png);
	padding-top: 2px;
	margin: 0 8px 0 8px;
	height: 25px;
	display: inline-block;
}
.boutonblanc
{
	display: inline-block;
	position: relative;
	width: auto;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.boutonblanc input
{
	height: 13px;
	font-size: 10px;
}
.boutonblanc .bouton3
{
	right: 0px;
}
.boutonblanc a, .boutonblanc
{
	color: #ff801a;
	font-weight: bold;
	text-decoration: none;
}
/*_________________________cadre blanc__________________________*/
.cadreblanc
{
	padding: 9px 15px 10px 15px;
	/*background: url(../images/cadreblanc.png) no-repeat #F2F2F2;*/
	background-color:#f9f9f9;
	position: relative;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	font-size:11px;
}
.cadreblanc div
{
	position: relative;
	z-index: 5;	
	/*min-height: 155px;*/
	height: auto !important;
	height: 155px;
}
.cadreblanc strong
{
	color: #7A7A7A;
	font-size: 14px;	
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
	display: block;
	text-transform:uppercase;
	font-weight:bold;
}

/*_______________________cadre orange__________________________*/
.cadreOra
{
	padding: 9px 15px 10px 15px;
	/*background: url(../images/cadreblanc.png) no-repeat #F2F2F2;*/
	background-color: #ff801a;
	position: relative;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	font-size:11px;
	color:#fff;
}
.cadreOra a{
	color:#fff;
        text-decoration:underline;
}
.cadreOra div
{
	position: relative;
	z-index: 5;	
	/*min-height: 155px;*/
	height: auto !important;
	height: 155px;
}
.cadreOra strong
{
	color: #fff;
	font-size: 14px;	
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
	display: block;
	text-transform:uppercase;
	font-weight:bold;
}

/*_______________________cadre orange pale__________________________*/
.cadreOraPale
{
	padding: 9px 15px 10px 15px;
	/*background: url(../images/cadreblanc.png) no-repeat #F2F2F2;*/
	background-color: #ffefe3;
	position: relative;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	font-size:11px;
	color:#7a7a7a;
}
.cadreOraPale a{
	color:#ff801a;
}
.cadreOraPale div
{
	position: relative;
	z-index: 5;	
	/*min-height: 155px;*/
	height: auto !important;
	height: 155px;
}
.cadreOraPale strong
{
	color: #ff801a;
	font-size: 14px;	
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
	display: block;
	text-transform:uppercase;
	font-weight:bold;
}

/*_____________________ cadre SousMenu _______________________*/
.SousMenu strong
{
	color: #ff801a;	
}
.SousMenu ul li
{
	font-size:11px;
	line-height:16px;
	list-style-image:url("../images/bouton_rond.png");
}
.SousMenu ul li a
{
	font-weight:bold;
}
.SousMenu ul li a:hover
{
	color: #ff801a;	
}
.SousMenu ul li .discret
{
	font-weight:normal;
}
.temoin a{
	/*background-color:#ff801a;
	font-weight:bold;
	color:#FFF;*/
	font-weight:bold;
	margin-top:10px;
	display:block;
}
.temoin a:hover{
	color:#ff801a;
}
.ombreCadreBlanc
{
	position: absolute;
	bottom: -10px;
	left: 0px;
}
.ombre
{
	margin-bottom: 15px;
}
/*_________________________cadre orange__________________________*/
.cadressmenu
{
	padding: 9px 15px 10px 15px;
	/*background:url("../images/orange.png") repeat scroll 0 0 #F66013;*/
	background-color:#c7c7c7;
	position: relative;
	margin-bottom: 15px;
}
.cadressmenu div
{
	position: relative;
	z-index: 5;
	color:#FFF;
	min-height: 155px;
	height: auto !important;
	height: 155px;
}
.cadressmenu strong
{
	color: #fff;
	font-size: 14px;	
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
	display: block;
	text-transform:uppercase;
	font-family:Arial;
}
.ombreCadreOrange
{
	position: absolute;
	bottom: -10px;
	left: 0px;
}

/*_________________________contenu page__________________________*/
#contenu2
{
	background:none repeat scroll 0 0 white;
	font-family:arial;
	font-size:11px;
	line-height:18px;
	margin-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	position:relative;
	width:710px;
}
#contenu2 input, #contenu2 select
{
	padding: 4px;
	width: 150px;
	margin: 0 0 5px 0;
	font-size:11px;
}
#contenu2 .envoyer
{
	padding: 4px;
	width: auto;
	float: right;
	/*margin: 5px 8px 5px 0;*/
}
#contenu2 textarea
{
	padding: 5px;
	height: 176px;
	width: 310px;
	background: url(../images/textarea.png);
	font-size: 11px;
	font-family:Arial;
}
#contenu2 form
{
	float: right;
	color: gray;
	margin-left: 8px;
}
#contenu2 form em
{
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
	display: block;
}
#contenu2 .long
{
	width: 313px;
	font-size:11px;
}
/*_________________________espace client__________________________*/
#login
{
	position: absolute;
	top: 0px;
	right: 5px;
	color: #CFD0D0;
	width: 341px;
}
#login .contenu
{
	height: 90px;
	background: #716F6E;
}
#login .bouton
{
	background: url(../images/login.png);
	float: right;
	width: 199px;
	height: 23px;
	text-align: center;
	padding: 3px 0 0 142px;
}
#login .colonne
{
	float: left;
	background: #716F6E;
	padding: 4px 10px 0 10px;
}
#login .n1
{
	width: 161px;
}
#login .n2
{
	width: 140px;
}
#login .bouton a
{
	font-weight: bolder;
	color: #CFD0D0;
	text-decoration: none;
	margin-top:5px;
	display:block;
}
#login strong
{
	font-size: 13px;
	background:url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
	border: 0px;
	color: #CED0D0;
	display: block;
}
#login input
{
	background: url(../images/loginInput.png);
	border: solid #5C5A59 1px;
	font-size: 12px;
	color: black;
	padding-left: 4px;
	width: 98%;
}
#login .submit
{
	background: url(../images/loginSend.png);
	float: right;
	width: auto;
	margin: 0;
}
.motPasseClair1, .motPasseClair2
{
	display: none;
}
/*_________________________pied de page__________________________*/
#piedPage
{

}
#piedPage .contenu2
{
	text-align: left;
	width: 100%;
	background: url(../images/piedPage.png);
	width: 990px;
	height: 96px;
	font-size: 11px;
	line-height:14px;
	padding: 14px 7px;
	margin: 0 auto;
}
#piedPage .contenu2 h6
{
	background:none repeat scroll 0 0 transparent;
	color:#ff801a;
	font-size:11px;
	font-weight:bold;
}
#piedPage .contenu2 div
{
	float: left;
	margin: 0 0 0 100px;
}
#piedPage .contenu2 a
{
	color:#7A7A7A;
	font-size:10px;
}
.hautPage
{
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color:  #ff801a;
}
/*_________________________contact__________________________*/
#contenu2 iframe
{
	width: 370px;
	height: 314px;
	border:1px solid #ff801a;
}
/*_________________________contact__________________________*/
table
{
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #000;
	border-collapse: collapse
}
td
{
	background: #F9F9F9;
	border-right: 2px solid white;
}
td img
{
	display: inline;
}
tr:hover td
{
	background: #fdcca5;
}
table .oui
{
	color: #006600;
}
table .non
{
	color: #CC3300;
}
th
{
	font-weight: normal;
	text-align:left;
	color: #666;
}
th:hover{
	color:#ff801a;
}
tr{
	height:30px;
}
.rubcomp th{
	font-weight:bold;	
	color:#ff801a;
	text-align:center;
}
/*_________________________r�f�rence__________________________*/
.reference2
{
	float:left;
	padding:0 5px 10px 0;
	width:350px;
	font-family:Arial;
	height:110px;
}
.reference2 img
{
	width: 110px;
	height: 90px;
	float: left;
	margin: 4px;
	border:2px solid #ff801a;
	margin-right:15px;
}
.reference2 a
{
	font-size:12px;
	margin-bottom:5px;
	color:#ff801a;
	font-weight:bold;
}
.reference2 ul li
{
	font-size:10px;
	color:#000;
	line-height:14px;
}
.reference2 ul
{
	margin-left:132px;
}
.reference2 h2
{
	display: block;
	margin: 0 0px 0 109px;
	line-height:16px;
}
.referenceDetail .droite, .referenceDetail .ref, .referenceDetail .gauche
{
	float: left;
}
.referenceDetail .ref
{
	border: solid 1px rgba(0,0,0,0.5);
	width: 400px;
}
.referenceDetail .droite, .referenceDetail .gauche
{
	margin-top: 127px;
	display: block;
	width: 43px;
	height: 50px;
	text-indent: -9999px;
}
.referenceDetail .droite
{
	margin-left: 120px;
	background: url(../images/rea-droite.png)
}
.referenceDetail .gauche
{
	background: url(../images/rea-gauche.png);
	width: 44px;
}
.reference .lien
{
	text-align: center;
	font-weight:bold;
	padding-top:10px;
}
.numerotation
{
	margin-top: 30px;
	background-color:#fee0c8;
}
/*_________________________admin__________________________*/
#admin form
{
	float: none;
}
#admin .liste
{
	width: 190px;
	padding-top: 5px;
	float: left;
}
#admin .liste .ligne
{
	height: 28px;
}
#admin a img
{
	display: inline;
}
.pack{
	display:block;
	width:450px;
	float:left;
}
.imgpack{
	display:block;
	float:left;
	width:239px;
	margin-top:0px;
}
.imgpack img{	
	width:180px;	
}
#contenu2 .pict{
	display:block;
	border:2px solid #ff801a;
	margin-right:20px;
	margin-bottom:15px;
}
.ContPart{
	display:block;
	float:right;
	width:62%;
	padding-bottom:10px;
}
.ContPart h3{
	margin:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
}
.LogoPart{
	display:block;
	width:37%;
	float:left;
	margin-top:5px;
}
.Partenaire{
	display:block;
	margin-bottom:10px;
	float:left;
}
.err{
	font-size:11px;
	color:#ff801a;
}
.devis{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/contact1_off.png);
	float:left;
	margin-right:10px;
	/*width:350px;
	height:50px;
	background:url(../images/menu/devis_onbis.png);*/
}
#menu .onglet a:hover .devis{
	background:url(../images/menu/contact1_on.png);
}
.technique{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/contact2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .technique{
	background:url(../images/menu/contact2_on.png);
}
.recommander{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/contact3_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .recommander{
	background:url(../images/menu/contact3_on.png);
}
.recrutement{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/contact4_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .recrutement{
	background:url(../images/menu/contact4_on.png);
}
.idee{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/contact5_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .idee{
	background:url(../images/menu/contact5_on.png);
}
.sondage{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/contact6_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .sondage{
	background:url(../images/menu/contact6_on.png);
}
.video{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/arbre1_off.png);
	float:left;
	margin-right:10px;
	/*width:350px;
	height:50px;
	background:url(../images/menu/devis_onbis.png);*/
}
#menu .onglet a:hover .video{
	background:url(../images/menu/arbre1_on.png);
}
.parckStart{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/arbre2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .parckStart{
	background:url(../images/menu/arbre2_on.png);
}
.packConfort{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/arbre3_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .packConfort{
	background:url(../images/menu/arbre3_on.png);
}
.packReference{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/arbre4_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .packReference{
	background:url(../images/menu/arbre4_on.png);
}
.tsPacks{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/arbre5_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .tsPacks{
	background:url(../images/menu/arbre5_on.png);
}
.revendre{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/revendeur1_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .revendre{
	background:url(../images/menu/revendeur1_on.png);
}
.outils{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/revendeur2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .outils{
	background:url(../images/menu/revendeur2_on.png);
}
.partners{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/partenaire1_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .partners{
	background:url(../images/menu/partenaire1_on.png);
}
.sponsors{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/partenaire2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .sponsors{
	background:url(../images/menu/partenaire2_on.png);
}
.diap{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/reference1_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .diap{
	background:url(../images/menu/reference1_on.png);
}
.tem{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/reference2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .tem{
	background:url(../images/menu/reference2_on.png);
}
.cle{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/service1_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .cle{
	background:url(../images/menu/service1_on.png);
}
.qualite{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/service2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .qualite{
	background:url(../images/menu/service2_on.png);
}
.visible{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/service3_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .visible{
	background:url(../images/menu/service3_on.png);
}
.comglobale{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/service4_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .comglobale{
	background:url(../images/menu/service4_on.png);
}
.societe{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/nooveo1_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .societe{
	background:url(../images/menu/nooveo1_on.png);
}
.fort{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/nooveo2_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .fort{
	background:url(../images/menu/nooveo2_on.png);
}
.marche{
	display:block;
	width:85px;
	height:58px;
	background:url(../images/menu/nooveo3_off.png);
	float:left;
	margin-right:10px;
}
#menu .onglet a:hover .marche{
	background:url(../images/menu/nooveo3_on.png);
}
.rec_code {
    display: block;
    float:left;
    margin-top:3px;
}
.code {
    display: block;
    margin-right: 0;
    margin-top:3px;
    float:right;
}
.chp_code {
    width:140px;   
    font-size:11px;
    line-height:10px;
    color:#2e2f2e;
    margin-left: 22px;
    padding:2px;
}
#contenu2 .rec_code input{
	width:117px;
}
.form_fin{
	display:block;
	clear:both;
}