@charset "utf-8";
/* CSS Document */

.edit_area.admin,
.editable.admin,
.edit_textarea.admin,
.edit_image.admin{ border:2px dashed red; position:relative; }


/*------------------CONSTANTS-------------------*/
body{ margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#000000; background-color:#c0c0c0; font-size:13px; padding:0 0 10px 0;}
#all{ background-image:url(../images/design/background.gif); background-repeat:repeat; border:1px solid #000000; padding:10px 35px;  width:886px; margin:10px auto 0;  }
hr{ height:0px; float:none; clear:both; background-color:none; visibility:hidden;}
img{ border:none; }
h1{ font-size:22px; font-weight:bold; color:#127eb4; margin:0 0 10px 0; }
h2{ font-size:17px; font-weight:bold; color:#17496e; }
h3{ font-size:14px; font-weight:bold; }
h5{ color:#5383a7; font-size:16px; }

.gras{ font-weight:bold;}
.bleu{ color:#4277a6;}
.clearer{ clear:both; }

a{ color:#127eb4; text-decoration:underline;}
a.thumbnail{ margin-right:5px; }
.greybox{ padding:10px; background:#f4f6fa; margin-bottom:10px; border:1px dashed #d5dae9; }

#adminPanel{ position:fixed; top:10px; right:10px; zoom:1; }
#adminPanel #links{ margin-bottom:10px; }
#switchadminlink { zoom:1; font-size:14px; font-weight:bold; text-decoration:none; z-index:1000;}

/*------------------HEADER-------------------*/
ul#headerMenu{margin:0; padding:0; list-style-type:none; float:right; }
ul#headerMenu li{ border-right:1px solid #17496e; padding:0 5px 0 5px;font-size:12px; float:left; }
ul#headerMenu li a{ color:#17496e;text-decoration:none; }
ul#headerMenu li a.active{ font-weight:bold;color:#eaa00c; }
ul#headerMenu li.headerFR{ margin:0 0 0 30px; }
ul#headerMenu li.headerNL{ border:none; }


/*------------------CONTAINER-------------------*/
#headerImg{ margin:0; position:relative; zoom:1; padding:0; }
.headerPayement{ position:absolute; bottom:1px; right:0; }
#breadcrump{ font-size:12px; background-color:white; margin:0; padding:10px 0 0 10px;}
#breadcrump a{ color:#000000;}
#breadcrump .deconnexion{ float:right; display:inline; margin-right:10px; }
#container{ background-color:white; margin:0; padding:10px; }
#imgHeaderContact{ position:absolute; right:0px; top:41px; }

/*-------------------DOWNNLOADS---------------------*/
#ulDownloads{ }
#ulDownloads li{ margin-bottom:8px; }
#ulDownloads li p{ margin:0; }

/*------------------menu-------------------*/
.suckerdiv ul li ul li{ z-index:100; }
#menuCAT{ width:195px; float:left; }
.suckerdiv ul{ margin: 0 0 25px 0; padding:0; list-style-type:none; width:185px; }
.suckerdiv ul li{ position: relative; margin:0; padding:0; }

/*Sub level menu items */
.suckerdiv ul li ul{ position: absolute; width: 140px; left:195px; top: 0; visibility:hidden; }
.sf-sub-indicator{ display:none; }
/* Sub level menu links style */
.suckerdiv ul li a{
width: 100%;
font-size:12px;
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:black;
text-decoration: none;
background: #fff;
padding: 5px 5px;
border-bottom: 2px solid #ccc;
}
.suckerdiv ul li ul li a{border: 1px solid #127eb4; background-color:#eef8ff; display: block;}
.suckerdiv ul li a, .suckerdiv ul li a:visited{color:#666666;}
.suckerdiv ul li a:hover, .suckerdiv ul li.active a:hover{background-color:#eef8ff;display: block;}
.suckerdiv ul li.active ul li a{color:#666666;font-weight:normal;}
.suckerdiv ul li ul li a:hover{color:#17496e;font-weight:bold;}
.suckerdiv .subfolderstyle{background: url(../images/design/arrow-list.png) no-repeat center right;}
.suckerdiv ul li.active a{color:#17496e;font-weight:bold;}
.suckerdiv ul li.active .subfolderstyle {background: url(../images/design/arrow-list-selected.png) no-repeat center right;color:#17496e;}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }


/*------------------contenu-------------------*/
#contenu{width:640px; float:right; padding:0;}



/*------------------DL - DT - DD  pages intro-------------------*/
dd{ margin:0; padding:0;}


/*------------------autres drop down-------------------*/


.photo-tarif{ float:right; margin:10px 10px 0 0;}

p.suggestions{ font-size:20px; color:#4b9ad5; margin:10px 0 3px 0; padding:0 0 8px 0;}
#suggestions{background-color:#f3f1e9; border:1px solid #bfbcbc; padding:0 10px 10px 10px; margin:10px 0 0 0;}
#suggestions table{ width:100%; }
#suggestions table td{ width:50%; vertical-align:top; }
#suggestions td.first{border-right:1px solid #bfbcbc;}
#suggestions td p { margin:0; padding:0;}
#autres{ text-align:right; border-top:1px solid #d8d4ce; border-bottom:1px solid #d8d4ce; padding:8px 0; margin-bottom:15px; font-weight:bold;}
#autres-criteres{ text-align:right; border-top:1px solid #d8d4ce; font-size:16px; font-weight:bold; border-bottom:1px solid #d8d4ce; padding:8px 10px; background-color:#eeebdb; margin:0 0 5px 0;}

#autres-categorie{ text-align:left; border-top:1px solid #d8d4ce; border-bottom:1px solid #d8d4ce; background-color:#eeebdb; padding:10px 0; }
#autres-categorie ul{ width:195px; float:left; display:inline; list-style:none; margin:0; padding:0; }
#autres-categorie ul li{ width:190px; float:left; margin:0 0 0 15px; padding:0; text-align:left; display:inline; }

.materiel-liste-titre{ color:#5383a7; font-size:16px;}
.materiel-liste td{ border-bottom:1px dashed #000000; padding:15px 0 20px 0;}
.liste-pages{ font-size:12px; text-align:right; padding:0 0 0 0; margin:10px 0 0 0;}
.liste-ordre{ text-align:center; color:#5383a7; margin:0;}

#detail-gdImg{ width: 278px; float:left; }
#divImgBig{ text-align:center; }
#detail-ptImg{ width:352px; float:right;}
#miniatures{ margin-bottom:10px; }
#miniatures img{ float:left; padding:0 5px 5px 0;}

#details-specifiques, #details-caracteristiques{ line-height:0.8; background-color:#ffffff; border:1px solid #d5d5d5; margin:0;}
#details-specifiques h3, #details-caracteristiques h3{ margin:0; background-color:#f3f1e9; padding:10px;}
#details-specifiques p, #details-caracteristiques p{ padding:0 0 0 10px;}
#details-contact{ background-color:#f3f1e9; padding:0 10px 0 10px; border:1px solid #d5d5d5; margin:10px 0 0 0; }
#details-contact img{ margin:10px 0 5px 0; float:right; }

#detail-retour{ float:right; margin:0 15px -1px 0; padding:10px 0 0 0;}

/*------------------FOOTER-------------------*/
#footer{ position:relative; float:none; clear:both; margin:60px 0 0 0; padding:10px 0 0 0; border-top:4px solid #cd0229; color:#8d8c8a; text-align:center; zoom:1; }
#footer a{ color:#8d8c8a; text-decoration:none; }
#footer .menu{ margin-bottom:5px; }
#footer a:visited{ color:#8d8c8a; }
ul#footerMenu li.menulast{ border:none; }

#logodigiwork{ position:absolute; left:0px; top:20px; }
#sita-logo{ position:absolute; right:0; top:-40px; }

/*------------------FORMS-------------------*/
.error{color:#CC0000;font:bold 1em Arial, Helvetica, sans-serif;}
div.error {background-color:#e1bdae;border:1px dotted #df0000; padding:10px; }
div.error ol { list-style:decimal; padding-left:10px; margin-left:10px;}

form.myForm fieldset {margin:0; padding: 0;border:none;}
form.myForm legend {margin-left: 1em;color: #97917D;font-weight: bold;}
form.myForm fieldset ol {padding: 0 1em 0;list-style: none;}
form.myForm fieldset li {padding: 0.3em;}
form.myForm fieldset.submit {float: none; width: auto; border-style: none; padding-left: 12em; margin-top:0;}
form.myForm label {position: relative; float: left; width: 10em; margin-right:1em; font-weight:bold; }
form.myForm label em {position: absolute; left: 10em; top: 0; color:#FF0000;}
form.myForm input.digit{text-align:right;}
form.myForm label strong {text-align:left; color:#CC0000; display:none; font-size:0.8em; font-weight:normal; left:30em; position:absolute; text-transform:uppercase; top:0.2em; width:20em;}
form.myForm .error label strong { display:block; }
form.myForm input.longtext{ width:350px; }
form.myForm input.numeric{ text-align:right; }

/*------------------MON COMPTE-------------------*/
#connexion{ background-color:#f3f1e9; border:1px solid #d5d5d5; padding:15px; margin:20px 0 0 0;}
#connexion table{ width:80%;}
#connexion td.submit{ text-align:right;}
#connexion a{ font-size:12px;}
#connexion .example{ font-size:11px;}
.compte-tarifs-liste{ float:left; padding:10px 0 0 20px; width:290px;}
.compte-tarifs-liste dd{ padding:0 0 0 40px;}

.compte-documents { width:95%; margin:0 auto;background-color:#FFFFFF; border:1px solid #1d6bb0; padding:0;}
.compte-documents td{ vertical-align:text-top; padding-top:5px; padding-bottom:5px;}
.compte-documents thead{ background-color:#9ac3e4;}

.tblForm{ margin-top:10px; }

#deconnexion{ float:right; color:#990000; font-weight:bold; margin:0 15px -1px 0; padding:10px 0 0 0;}


#ulGroupPricesList{ list-style:none; margin:20px 0 0 15px; padding:0; }
#ulGroupPricesList li{ float:left; width:280px; }
.ulPricesList{ list-style:none; margin:0 0 0 25px; padding:0;  }

/*------------------ NOEUD PAGE -------------------*/
#noeudContainer .item{ color:#17496E; display:inline; float:left; height:145px; margin:20px 20px 0 0; width:200px; }
#noeudContainer .container{ padding:5px; }
#noeudContainer .item h2{ margin:0 0 5px 0; padding:0; font-size:14px; }
#noeudContainer .item h2 a div{ text-decoration:none; }
#noeudContainer .item p{ margin:0; padding:0; color:#17496E; }
#noeudContainer .edit_image p{ margin:0; padding:0; }
#noeudContainer .item img{ width:200px; height:130px; }


/*------------------ PROMO -------------------*/
#promo{ border:1px dashed #17496E; border-width:1px 0; border-top:1px dashed #17496E; margin:10px 0 10px; padding:0 0 20px; }
#promo h2{ margin:8px 0; }
#promo .item{ width:200px; margin-right:20px; float:left; display:inline; height:190px; background:#DDD; color:#17496E; }
#promo .item p{ margin:5px 0 0 0; padding:0 5px; font-size:12px; }

/*------------------- TRADES --------------------*/
#home_trades{ margin-top:20px; padding-top:15px; border-top:1px dashed #17496E; }
#home_trades .item{ width:200px; margin-right:20px; margin-bottom:10px; float:left; display:inline; }
#home_trades .item h2{ margin:0 0 5px 0; padding:0; font-size:14px; }
#home_trades .item h2 a{ text-decoration:none; }

/*------------------ NEWS -------------------*/
#news{  }

/*------------------TELECHARGEMNET-------------------*/
.telechargement-liste{ float:left; padding:10px 0 0 20px; width:280px;}
.telechargement-liste dd{ padding:0 0 0 40px;}


/*-----------------------TABS----------------------*/
#tabscontainer {margin: 0 0 20px 0;	padding: 0px;float: left;clear: none;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
#tabscontainer ul.group{ margin:0; padding:0; }
ul.group li{ float:left; margin: 0px 10px 0px 0px; border-top:1px solid #FFF; font: 0.9em sans-serif; background:#9ac3e4 url(../images/design/tabs-corner.gif) no-repeat right; list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;display:block }
ul.group li a{ color:#000000; text-decoration:none; display:block;padding: 4px 10px;}
ul.group li a:hover {background:#CCC :url(../images/design/tabs-corner-hover.gif) no-repeat right; }
ul.group li.selected{ position:relative; top:1px; background-color:#f1efe2; background-image:none; border:1px solid #dbdad8; border-width:1px 1px 0; }
.content{ min-height:200px; height:auto!important; height:200px; clear: both; margin:0 0 20px 0; border: solid 1px #d5d5d5; background-color: #fff; background-image:url(../images/design/tabs-bg.gif); background-repeat: repeat-x; padding:10px; }
#tabtarifcontainer img{ float:right; }

/*-----------------------TAB FAQ----------------------*/
.faqContent ul, .faqContent ol{ margin:10px; padding-left:25px; }
.faqContent ul li, .faqContent ol li{ margin-bottom:10px; }

/*-----------------------TAB MATERIELS----------------------*/
#materialsList{ margin-bottom:10px;  }
#materialsList .item{ border-bottom:1px dashed #000; padding:15px 0; margin:0; font-size:12px;  }
#materialsList .item h2{ color:#5383A7; font-size:14px; font-weight:normal; margin:0; padding:0; }
#materialsList .item img{ float:left; margin:0 10px; display:inline; }
#materialsList .item p{ margin:0; }
#materialsList .item.withimg .edit_area.admin{ width:475px; float:left; }

/*-----------------------TAB REALISATIONS----------------------*/
.realisation{ margin:0 0 15px 0; border-bottom:1px dashed #D5D5D5; }
.realisation img{ margin:0px 5px 10px 0; }
.realisation h5{ margin:0 0 5px; }
.realisation p{ margin:5px 0; padding:0; }

/*-----------------------PAGINATION----------------------*/
#paginationControl{ font-size:12px; text-align:right; }
.tabsPaginationTop{ margin-top:10px; }
.pageletters{ font-size:10px; }

/*-----------------------MY ACCOUNT DATA----------------------*/
table#tblMyaccountData{ width:100%; }
table#tblMyaccountData td{ width:100%; vertical-align:top;  }
table#tblMyaccountData td.value{ color:#4277A6; width:30%; }
table#tblMyaccountData td.field{ width:20%; }

/*-----------------------MY ACCOUNT DOCUMENTS----------------------*/
table.data{ border:1px solid #1D6BB0; width:100%; }
table.data td, table.data th{ padding:5px; text-align:left; }
table.data thead th{ background-color:#9AC3E4; }
table.data tr.tr1 td{ background:#ebf3f9; }

/*-----------------------TOP PANEL----------------------*/
#toppanel {	text-align: center;}
#panel {position: relative; top: 1px; width: 100%; height: 0px;	z-index: 10; overflow: hidden; text-align: left;}
#panel_contents { background: black; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70;	opacity: 0.70; height: 100%; width: 100%; position: absolute; z-index: -1;}
.panel_button {	margin-left: auto; margin-right: auto; position: relative; top: 1px; width: 173px; height: 24px; background: url(/images/icons/panel_button.png) bottom center; z-index: 20; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; cursor: pointer; paddin:5px 10px;}
.panel_button img {	position: relative;	top: 5px; border: none;}
.panel_button a { text-decoration: none; color: #545454; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.panel_button a:hover {	color: #999; }
#pageDesc{ margin:0 auto; width:800px; color:#fff; padding:20px 0; }

/*-----------------------PAYMENTS----------------------*/
#stepsContainer{ clear:both; }
#stepsContainer .item{ float:left; width:210px; }
#stepsContainer .item h2{ font-size:14px; display:inline; margin-left:5px; }
#stepsContainer .item.noactive h2{ color:#96adbe; }
#stepsContainer .item.noactive p{ color:#8c8c8c; }
#stepsContainer .item p{ margin:3px 0 0 30px; }

#tblSummary{ width:525px; }
#tblSummary tbody td{ border-bottom:1px solid #e8e8e8; padding:2px 0; }

/*----------------------- CONTACTS ----------------------*/
#contactPersonsContainer{ }
#contactPersonsContainer .item{ float:left; width:320px; margin-bottom:10px; }
#contactPersonsContainer .item img{ float:left; margin:0 10px 0 0; }

/*----------------------- ERROR PAGE ----------------------*/
#goog-wm .content{ background:none; border:none; height:auto; min-height:0; padding:0; margin:0; }