/* MEDIAIDEA TECHNOLOGIES - 'Mediaidea', by Benoit Baverel & Alexandre Viennot, http://mediaidea.fr/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Mediaidea Technologies */
/* Added: October 1st, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

body {
	background:#efefef url(../images/background/img_fond.jpg) fixed; 
	margin: 0; 
	padding: 0; 
	font-family: "Trebuchet MS";
	font-size:10px;
}

img {
	border:none;
	vertical-align:middle;
}

.logo {
	background:#fff url(../images/bandeau_haut.png) no-repeat;
	width:900px; 
	height:120px; 
	margin-bottom:10px;
}

.container {
	font-family:Arial, sans-serif; 
	margin-left:30px;
	width:900px;
	border:3px solid #003366; 
	font-family: "Trebuchet MS";
	margin-left:auto;
	margin-right:auto;	
}

.right_advert {
	position:absolute; 
	background:#999; 
	margin:0px; 
	padding:0px; 
	height:500px; 
	top:20px;
}

.main {
	background:#bac0c9;
	width:900px;
}

#right {
	position:absolute; 
	background:#999; 
	margin:0px; 
	padding:0px; 
	height:500px; 
	top:0px; 
	left:830px;
}

.footer {
	margin-top:0px;
	text-align: center; 
}
.footer a {
	font-size:10px; 
	text-decoration:none; 
	color:#efefef; 
}
.footer p {
	font-size:12px; 
	text-decoration:none; 
	color:Gray; 
}


/**
 * Boite du bas
 */
 

.box_bottom {
	float:left; 
	margin-left:9px; 
	margin-right:9px;
	width:280px;
	background-repeat:no-repeat;
	color: #DEB887;
}
.box_bottom div.box_content {
	min-height:120px;
	_height:120px;
	margin-left:5px;
	margin-top:10px;
}
.box_bottom div.box_link a {
	font-weight:bold;
	margin-left:10px;
	font-size:11px;
}

.box_bottom div.box_titre {
	color:#999999;
	font-size:16px; 
	font-weight:bold; 
	text-align: left;
	margin-left:5px;
	margin-top:5px;
}
.box_bottom div.box_descriptif {
	color:#999999; 
	font-size:12px; 
	font-style:italic; 
	text-align:left;
	margin-left:5px;
	margin-top:10px;
}

.box_bottom a {
	color:#999999;
	text-decoration:none;
}

.box_1 {
	padding:5px;
	height:200px;
	background:url(../images/boite/box_frontaliers.jpg) no-repeat;
	padding-top:50px;
}
.box_2 {
	padding:5px;
	height:200px;
	background:url(../images/boite/box_entreprise.jpg) no-repeat;
	padding-top:50px;
}
.box_3 {
	padding:5px;
	height:200px;
	background:url(../images/boite/box_particuliers.jpg) no-repeat;
	padding-top:50px;
}


.left {
 	float:left;
}
.right {
	float:right;
}


.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


/**
 *	Section corrigée...
 */
.boite {
	float:left;
	margin-right:9px; 
	margin-left:9px; 
	margin-top:10px;
	width:220px;
	min-height:150px; 
	_height:150px;
}

.boiteBandeau {
	padding-top:8px;
	height:22px;
	font-size:15px;
	font-weight:bold;
	color:#048;
	text-align:center;
	background:url(../images/boite/boite_top.png) no-repeat;
}
.boiteBandeau a {
	margin:0px 7px;
	display:block;
	color:#048;
	text-decoration:none;
}
.boiteBandeau a:hover {
	text-decoration:underline;
}

.boiteContent {
	padding-top:10px;
	background:url(../images/boite/boite_middle.png) repeat-y;
	min-height:80px;
	_height:80px;
	margin:0px;
}

.boite .lnkSuite {
	background:url(../images/boite/boite_bottom.png) no-repeat;
	height:25px;
	margin:0px;
	padding:0px;
}

.boite .lnkSuite a {
	margin:0px 12px;
	display:block;
}

.boiteText {
	padding:0px 15px; 
}

.boiteText a {
	font-size:11px;
	color:#048;
	text-decoration:none;
	display:block;
	margin-bottom:2px;
}





.whiteBorder {
 	background:#fff;
	width:740px;
	min-height:600px; 
	_height:600px;
}

.navig {
	border-bottom:1px solid #ccc;
	height:15px;
	margin-bottom:20px;
}

.spacer {
	padding-top:30px;
}


.right_menu {
	float:right;
	width:230px;
	min-height:30px;
	_height:30px;
	padding:10px;
	margin-left:30px;
	margin-bottom:30px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.right_menu .link {
	margin:0px 0px 5px;
	font-size:10px;
}
.right_menu .link a{
	color:#625347;
	text-decoration:none;
}
.right_menu .link a:hover{
	color:#cebca4;
	border-bottom:1px dashed #625347;
}

.right_box{
	color:#666;
	margin-bottom:20px;
}
.right_box a {
	color:#000;
	text-decoration:none;
}
.right_box a:hover{
	text-decoration:underline;
}

.event_bandeau {
	background:url(../images/bande_evenements.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.post_bandeau {
	background:url(../images/bande_actus.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.article_bandeau {
	background:url(../images/bande_article.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.presse_bandeau {
	background:url(../images/bande_presse.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.document_bandeau {
	background:url(../images/bande_documents.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.offre_bandeau {
	background:url(../images/bande_offres.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.devis_bandeau {
	background:url(../images/bande_devis.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.frontaliers_bandeau {
	background:url(../images/bande_frontaliers.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.entreprises_bandeau {
	background:url(../images/bande_entreprises.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.particuliers_bandeau {
	background:url(../images/bande_particuliers.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.contact_bandeau {
	background:url(../images/bande_contact.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.partenaire_bandeau {
	background:url(../images/bande_partenaire.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.client_bandeau {
	background:url(../images/bande_client.jpg) no-repeat right;
	height:60px;
	margin-bottom:20px;
}

.lnkSuite {
	margin-top:10px;
}

.lnkTop {
	
}

.lnkSuite a, .lnkPrevious a, .lnkNext a, .lnkTop a {
	color:#048;
	text-decoration:none;
	font-size:1em;
}

.lnkSuite a:hover, .lnkPrevious a:hover, .lnkNext a:hover, .lnkTop a:hover {
	color:#636363;
}

.lnkPrevious  {
	float:left;
	font-size:0.9em;
}

.lnkNext {
	float:right;
	font-size:0.9em;
}


.Accordion {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background:#000;
	margin: 0px;
	padding: 4px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	cursor: pointer;
	color: Orange;
}


.AccordionPanelTabselect a {
	background: #000 url(../images/btn_menu.png) no-repeat;
	margin: 0px;
	height:20px;
	padding-top:2px;
	padding-right:3px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
	color: #efefef;
	text-decoration: none;
	display:block;
	font-weight:bold;
}

.AccordionPanelTabselectoff a {
	background: #000 url(../images/btn_menu.png) no-repeat;
	margin: 0px;
	height:20px;
	padding-top:2px;
	padding-right:3px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
	color: #efefef;
	text-decoration: none;
	display:block;
	font-weight:bold;
}


.AccordionPanelTab a {
	display:block;
	background:#eee;
	color: Orange;
}

.Accordion a:hover {
	color:#000000;
	font-weight:bold;
	background:#444 url(../images/btn_menu_over.png) no-repeat;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	padding-right: 6px;
	height:auto;
	background-color: #d5d9e1;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #000;
	padding-bottom:0px;
}

.AccordionPanelContent a {
	text-decoration: none;
	color: #000;
}

.AccordionPanelContent a:hover {
	background:none;
	font-weight:normal;
	color:#000;
}


.Accordion .frontaliers a {
	background: #000 url(../images/btn_menu_frontalier.jpg) no-repeat;
	margin-top:4px;
}

.Accordion .frontaliers a:hover {
	background: #000 url(../images/btn_menu_frontalier_roll.jpg) no-repeat;
}

.Accordion .entreprises a {
	background: #000 url(../images/btn_menu_entreprise.jpg) no-repeat;
	margin-top:4px;
}

.Accordion .entreprises a:hover {
	background: #000 url(../images/btn_menu_entreprise_roll.jpg) no-repeat;
}

.Accordion .particuliers a {
	background: #000 url(../images/btn_menu_particulier.jpg) no-repeat;
	margin-top:4px;
}

.Accordion .particuliers a:hover {
	background: #000 url(../images/btn_menu_particulier_roll.jpg) no-repeat;
}



 
.homeActu {
	background: url(../images/box_actu.png) no-repeat;
	margin-left:2px;
	margin-top:22px;
	margin-bottom:0px;
	font-family: "Trebuchet MS"; 
	color:#ffffff; 
	height:40px; 
	width:588px;
	font-weight:bold; 
	padding-left:150px;
}

.homeActu a {
	text-decoration:none; 
	color:#ffffff;
}

.homeActu a:hover {
	color:#cccccc;
}


.view {
	background:#ffffff;
	margin-right:7px;
	padding:10px;
	min-height:450px;
}

.bloccadre {
	color: #000000; 
	text-align: left;
	margin-bottom:15px;
	margin-left: 10px;
}

.bloccadre a {
	text-decoration:none;
}

.bloccadre ul li{
	list-style-type: none;
}


.bloccadre div.bloc_titre {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	margin-bottom:30px;
}

.bloccadre div.bloc_titre a {
	color:#666666;
}

.bloccadre div.bloc_titre a:hover {
	color: #CCCCCC;
}

.bloccadre div.bloc_subtitle {
	font-size:1em;
	color:#666;
	margin-top:3px;
}

.bloccadre div.bloc_subtitle a {
	color:#048;
	text-decoration:none;
}

.bloccadre div.bloc_subtitle a:hover {
	color:#000;
}


.bloccadre div.bloc_chapo {
	margin: 5px 10px 0px 0px; 
	font-family: Verdana;
	color: #333333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0pt;
	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: normal;
	text-align:justify;
}

.bloccadre div.bloc_chapo a {
	color:#333333;
}

.bloccadre div.bloc_chapo a:hover {
	color: #717171;
}

.bloccadre .bottom_links {
	color:#666;
}

.bloccadre .bottom_links a {
	color:#048;
}

.type_navig {
	height:20px; 
	background:#ffffff;
	color:#666666;
	padding:1px;
	margin-bottom:20px;
	font-size:13px;
	border-bottom:1px dotted #cccccc;
}

.type_navig a {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}


.rollBox {
	position:relative; 
	overflow: hidden; 
	height:20px; 
	font-size:11px; 
	top:5px;
}


hr.thin {
	height : 1px;
	border-width : 1px 0 0 0;
	border-style : solid;
	border-color : #ddd;
}


/* Forms
-------------------------------------------------------- */
#comment-form, #devisform, #client-form {
	margin-right:10px;
}

#comment-form h3, #devisform h3, #client-form h3 {
	border: 1px solid #E8E8E8;
	border-width: 1px 0;
	background: #FBFBFB;
	padding: 5px;
	margin: 20px 0 8px 0;
	font-size: 1.2em;
}

#comment-form div p, #devisform div p, #client-form div p {
	padding: 5px 0; 
	/*margin: 0 0 0 30%;*/
}

#comment-form div p.field, #devisform div p.field, #client-form div p.field {
	padding: 5px 0; 
	width: auto; 
	margin: 0; 
	clear: left;
}

#comment-form p label, #devisform p label, #client-form p label {
	width: auto;
}

#comment-form p.field label, #devisform p.field label.header, #client-form p.field label.header {
	font-weight: bold;
	display: block;
	padding: 4px 4px 4px 0px;
	width: 180px;
	float: left;
	text-align: right;
}

#comment-form input, #comment-form textarea, #devisform input[type=text], #devisform textarea, #devisform select, #client-form input[type=text], #client-form textarea, #client-form select {
	font: 1em Arial,sans-serif;
	color: #005D99;
	border: 1px solid #CDCDCD;
	padding: 1px 2px;
	font-size: 1em;	
	width: 60%;
}

#comment-form input.preview, #devisform input.preview, #client-form input.preview {
	cursor:pointer;
}

#comment-form input.preview, #comment-form input.submit, #devisform input.preview, #devisform input.submit, #client-form input.preview, #client-form input.submit {
	width: auto;
	color: #005D99;
	background: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #FFF;
}

#comment-form input.preview:hover, #comment-form input.submit:hover, #devisform input.preview:hover, #devisform input.submit:hover, #client-form input.submit:hover, #client-form input.preview:hover {
	background: #005D99; 
	color: #FFF; 
	border: 1px solid #005D99;
}

/* Commentaires
-------------------------------------------------------- */
#comments {margin-right:10px;}

#comments h3, #comments-feed, #formDevis h3 {
	clear: left;
	border: 1px solid #E8E8E8;
	border-width: 1px 0;
	background: #FBFBFB;
	padding: 5px;
	margin: 20px 0 8px 0;
	font-size: 1.2em;
}


.comment {
	border:1px dashed #ccc;
	padding:5px;
	margin-top:10px;
	background: #F9F9F9;
}

.comment-auteur {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;	
}

.comment-content {
	color:#048;
	font-size:1em;
	margin-bottom:5px;
}

.comment-dt {
	font-size:1em;
	color:#666;
}


#comments fieldset {
	margin-bottom:10px;
}

#comments-feed a:link, #comments-feed a:visited {
	font-size: 0.8em;
	text-decoration: none;
	background: transparent url(img/rss.png) no-repeat 0px 50%;
	padding: 3px 0 3px 22px;
}

#comments-feed a:hover {
	text-decoration: underline;
}

#comments dt, #pings dt {
	position: relative;
	top: 1px;
	display: block;
	padding: 10px 0 30px 0;
	background: transparent url(img/commentaire_bulle.png) no-repeat 50% 100%;
}

#comments dt a:link, #comments dt a:visited {
	color: #3C8FD1; text-decoration: none;
}

#comments dt a:hover {
	text-decoration: underline;
}

#comments dd, #pings dd, dd.comment-preview {
	border: 1px solid #E8E8E8;
	border-width: 1px 0;
	background: #F5F5F5;
	padding: 10px;
	margin: 0 0 8px 0;
	font-size: 1.1em;
	line-height: 1.4;
}

#comments dd *, #pings dd *, dd.comment-preview * { 
	padding: 5px 0; 
	font-size: 1em; 
}

#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover { 
	color: #5E9E14; 
}

#comments dd.me {
	border-left: 4px solid #5E9E14;
}

.comment-number {
	color: #333;
	font-weight: bold;
	font-size: 1em;
}


.erreur {
	margin:0px;
	padding:5px;
	border:1px solid #900;
	background:#FFDCC0;
	color:#900;
	font-weight:bold;
}

.erreur ul, li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.thumbnail {
	text-align:right;
	margin-left:450px;
	margin-bottom:10px;
}

.devis_legal {
	text-align:justify;
}


.tag {
	font-family: Arial;
	margin-top:10px;
	background:#ffffff;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 5pt;
	padding-right: 1em;
	padding-bottom: 5pt;
	padding-left: 1em;
	display: block;
}

.tag a {
	color:#048;
	line-height:2em;
	text-decoration:none;
}

.tag a:hover {
	text-decoration:underline;
}

.linkBlock{
 	text-align:left;
}

.linkBlockSub{
 	margin-left:10px; 
 	margin-right:10px; 
 	margin-top:3px; 
}

.linkBlockPrincipal{
 	float:left; 
 	width:33%;
 	height:100%;
}

.linkTitre{
	text-align:left;
}

.linkTitre a{
	font-size:14px;
	font-weight:bold;
}

.linkSousTitre a{
	font-size:12px;
	
}

.linkSousTitre{
	margin-left:0px;
}

.linkSousElem{
	margin-left:0px;
}