body{ font-size: 62.5%; margin: 50px;background-color:#009FD7;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

.icon {margin: 2px; position: relative; padding: 5px 0 4px 0; cursor: pointer; float: left;  list-style: none;}
.icon span.ui-icon {float: left; margin: -1px 4px 0 4px;}
.icon-right{
float:right;
}
ul{
padding-left:20px;
}
body{
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#004495;
}
body.green {
color:#743B7D;
}
h3.center{
width:100%;
text-align:center;
}
a img{
border:none;
}
body a:hover{
text-decoration:none;
}
#page{
	width:980px;
	margin:auto;
	background-image:url(../IMG/design/fond-1.jpg);
	background-repeat:no-repeat;
	background-color:#eaf7ff;
}
.green #page{
	background-image:url(../IMG/design/logoTerrade.jpg);
	background-color:#fffffc;
}
body.green{
	/*background-color:#AFCE00;*/
	background-color:#112E63;
}
/*------------------Haut-------------------*/
#haut_page{
	background-image:url(../IMG/design/fond-haut.png);
	width:100%;
	height:220px;
	position:relative;
	background-repeat:no-repeat;
}
.green #haut_page{
	background-image:url(../IMG/design/fond-haut-vert.png);
}
#logo{
	width:172px;
	margin-left:30px;
	height:190px;
	padding-left:8px;
	padding-top:30px;
}
#pro{
	background-color:#00397E;
	width:165px;
	height:75px;
	position:absolute;
	right:30px;
	top:0;
}
#recherche{
	background-color:#99ff99;
	width:525px;
	height:30px;
	right:225px;
	top:0;
	position:absolute;
}

#img-pub{
background-color:#7a1620;
}
/*------------------/HAUT-------------------*/

/*------------------Contenu-------------------*/

#conteneur{
	background-image:url(../IMG/design/fond-bas.png);
	background-repeat:repeat-x;
	padding-bottom:20px;

} 
.green #conteneur{
	background-image:url(../IMG/design/fond-bas-vert.png);
}
#divers{
	height:50px;
	left:316px;
	top:200px;
	width:720px;
}
#chp_recherche{
margin-left:410px;
margin-top:5px;
position:absolute;
}
#menu-dte{
	width:172px;
	margin-left:30px;
	float:left;
}
#menu-dte .icon{
	margin-top:-5px;
}

#menu-dte ul{
	padding:0;
	margin:0;
	list-style-type:none;
	background-color:#fff;
}
#menu-dte ul li{
	font-size:1.1em;
	/*border-bottom:1px solid #004495;*/
}
#menu-dte li ul li{
	font-size:1em;
}
#menu-dte li ul li a{
	padding-left:25px;
	width:147px;
}
#menu-dte a{
	display:inline-block;
	width:100%;
	width:162px;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:10px;
}
#menu-dte a:hover{
	background-color:#05abde;
	color:#fff;
}
#menu-dte a.pub{
	padding:0;
}
#menu-dte a:hover,#menu-dte a.active{
	background-color:#05abde;
	color:#fff;
}
#menu-dte ul li.home{
	background-color:#004495;
}
#menu-dte ul li.home a{
	color:#fff;
}
#menu-dte a{
text-decoration:none;
}
#menu-dte a.menu-fleche{
background-image:url(../IMG/design/fleche-menu.png);
background-repeat:no-repeat;
background-position:160px 9px;
}

#ajout-menu,#editor,#administration,#logout{
	margin-top:4px!important;
	width:165px;
}
#logout{
float:right;
}
#contenu{
	float:left;
	margin-left:40px;
	width:730px;
}

.onglet{
	width:220px;
	margin-right:15px;
	background-color:#2bafde;
	float:left;
	margin-bottom:25px;
}
.onglet a{
	text-decoration:none!important;
}

.onglet .titre-onglet{
	height:65px;
	width:100%;
}
.onglet .titre-onglet h2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	padding-top:8px;
	margin-bottom:2px;
}
.onglet .titre-onglet h3{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
.onglet .img-onglet{
	height:147px;
	width:100%;
}
.onglet .img-onglet img{
	width:100%;
}
.onglet .icon{
	margin-top:-3px;
}

.onglet .pointer{
	background-image:url(../IMG/design/pointer.png);
	width:6px;
	height:11px;
	display:inline-block;
	margin:0 10px 0 10px;
}
.orange .pointer{
	background-position:12px 0;
}
.vert .pointer{
	background-position:6px 0;
}
.onglet .contenu-onglet{
	min-height:65px;
	width:100%;
	padding-bottom:5px;
}
.liste_accueil{
	list-style-type:none;
	padding:0;
	margin:0;
}
.liste_accueil li{
	height:26px;
	font-size:1.2em;
}
.liste a{
	display:inline-block;
	height:22px;
	padding-left:5px;
	padding-top:6px;
	width:215px;
}
.onglet h2,.onglet h3{
	text-align:center;
	margin-top:0;
}


.clear{
	width:100%;
	height:0px;
	visibility:hidden;
	clear:both;
}

.derniereRub{
	cursor:pointer;
}



#article{
margin-right:30px;
margin-bottom:30px;
}

.demande-devis{
background-image:url(../IMG/design/btn-devis.png);
display:block;
width:313px;
height:37px;
position:absolute;
}
.green a.demande-devis{
background-position:313px 0;
}
.green  a.demande-devis:hover{
background-position:313px 37px;
}
a.demande-devis:hover{
background-position:0 37px;
}
/*--------------------New Content-----------------*/
#newcontent{
margin-top:10px;
}
#details-content{
	padding-top:5px;
	padding-bottom:5px;
	width:628px;
	display:none;
	border:1px dashed #c6dbeb;
	background-color:#f3faff;
}
#advanced-btn{
	color:#165A8E;
	position:absolute;
	right:10px;
	text-align:center;
	text-decoration:none
}
#newcontent hr{
color:#c6dbeb;
border:none;
border-top:1px solid #c6dbeb;
width:600px;
margin-left:15px;
clear:both;
}
.ui-widget-content a.edit{
font-size:.8em;
color:#70a8d2!important;
}
#text_content{
border:1px solid #abc6dd;
padding:5px;
margin-top:3px;
}
a.edit:hover{
text-decoration:none;
}
#newcontent  .arbo{
display:inline-block;
border:1px solid #a7a6aa;
width:368px;
}
#newcontent  .arbo select{
margin:2px 0 2px 0;
}
#fichiersLiesTxt{
margin-left:135px;
}
#newcontent  .arbo{
margin-left:-3px;
}
#newcontent label,#masante label{
	width:120px;
	padding-right:15px;
	text-align:right;
	display:inline-block;
}

#newcontent .input1{
	width:470px;
}
#newcontent .type{
	display:inline-block;
}
#contenu_texte_tbl{
	width:730px!important;
}

#contenu hr{
color:#c6dbeb;
border:none;
border-top:1px solid #c6dbeb;
width:90%;
margin:7px 5% 3px 5%;
clear:both;
}

.btn_content{
width:100%;
display:inline-block;
text-align:right;
}
#esp-pro{
display:block;
height:119px;
width:35px;
float:right;
margin-top:-220px;
background-image:url(../IMG/design/btn-pro.png);
}
a#esp-pro:hover{
background-position:35px;
}
/*--------------------FIN New Content-----------------*/
.ui-state-hover{
cursor:pointer;
}
fieldset{
background-color:#fff;
border:1px solid #165A8E;
width:680px;
padding:15px 0 10px 5px;
margin-bottom:25px;
}
.green fieldset{
border:1px solid #743b7d;
}
input{
margin-bottom:3px;
}
input.submit-btn{
margin-top:5px;
float:right;
margin-right:10px;
}
/*--------------------FOOTER---------------------------------*/
#footer{
border-top:3px solid #004495;
padding-top:3px;
margin:auto;
width:980px;
color:#fff;
text-align:center;
}
#footer a{
color:#ffffff;
}
#ok_recherche{
background:none;
background-image:url(../IMG/design/btn-ok.png);
border:none;
width:28px;
height:20px;
margin-top:1px;
cursor:pointer;
}
#ok_recherche:hover{
background-position:0 20px;
}
.green #ok_recherche{
background-position:28px 0;
}
.green #ok_recherche:hover{
background-position:28px 20px;
}

#general-editor{
margin:auto;
width:960px;
background-color:#fff;
height:35px;
border-bottom:1px solid #333;
padding:3px 10px 0 10px;
}
#general-editor input{
font-size:0.9em;
}
#general-editor #administration,#general-editor #logout{
text-decoration:none;
}
.assurances-left,#textarea-general{
margin-left:150px;
}

/*---Administration---*/
#liste-admin{
	font-size:1.3em;
	margin:20px 0 20px 175px;
}
#liste-admin a.active{
font-weight:bold;
}
hr.admin{
	border:1px solid #004495;
	margin-right:40px;
	width:690px;
}
.page-counter{
width:490px;
text-align:center;
padding-bottom:10px;
margin-left:100px;
}
#admin-table,#newfile{
	border:1px dashed #004495;
	padding:10px;
	width:490px;
	margin-left:100px;
}
#newfile{
	width:470px;
	padding-bottom:35px
}
.docs-tr:hover{
background-color:#f3faff;
}
#newfile label{
display:inline-block;
width:92px;
text-align:right;
padding-right:3px;
}
#fichier_nom{
	width:367px;
}
.fomulaire label{
	display:inline-block;
	width:170px;
	text-align:right;
	padding-right:10px;
}
tr.details{
display:none;
}
td.details{
padding:10px;
background-color:#fff;
}
.tab_details thead{
cursor:pointer;
}
.error-msg{
color:#ff0000;
margin-left:10px;
}

a.form{
display:inline-block;
padding:5px;
border:1px solid #fff;
width:200px;
text-align:center;
margin-bottom:5px;
font-size:1.1em;
text-decoration:none;
}
.ui-dialog-titlebar{
height:13px;
}
#assuPret hr{
	border-color:#c7b1cb;
	margin:7px 34px;
}
#assuPret label{
	width:200px;
}
#assuPret select{
	margin-left:-4px;
	width:auto;
}
.infoBox,#tableBox{
	width:300px;
	background-color:#eee;
	border:1px solid #aaa;
	float:left;
	margin : 5px 10px 5px 0;
}
#tableBox{
	width:612px;
}
#tableBox table{
	 border-width:1px; 
	 border-style:solid; 
	 border-color:#aaa;
	 border-collapse:collapse;

}
#tableBox table td{
 border-width:1px;
 border-style:solid; 
 border-color:#aaa;
}
.boxContent{
	padding:5px 10px;
}
.boxTitle{
	background-color:#743B7D;
	color:#fff;
	padding-left:10px;
}
.boxSide{
	margin-left:30px;
}
.labelText{
	display:inline-block;
	width:105px;
	text-align:right;
	margin-right:3px;
}
#packBrut{
	margin-left:32px;
}
.packTitle{
	width:100%;
	font-size:12px;
	text-align:center;
	display:block;
	font-weight:bold;
}
.packOption{
	display:inline-block;
	width:180px;
	margin-top:10px;
	border:1px solid #743B7D;
	padding:10px;
}
.packChoise{
	width:100%;
}
.optionLbl{
	display:block;
	position:absolute;
	top:3px;
	left:25px;
}
.optionRow{
	display:block;
	position:relative;
	height:30px;
}
.packSelected{
	background-color:#4B0C56;
	color:#fff;
}
.errorMsg{
	color:#DF0000;
	float:right;
	margin-right:70px;
	margin-top:3px;
}
a.demande{
	display:block;
	width:284px;
	height:37px;
	background-image:url(../IMG/design/btn_demande.png);
}
a.demande:hover{
	background-position:0 -37px;
}

#accesRapide{
	width:800px;
	text-align:center;
	margin:auto;
	padding:5px;
}
#accesRapide a:hover{
	opacity:.95;
}