@viewport {    
	width: device-width; /* largeur du viewport */
	zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */ }
	
	@font-face { font-family: lobster; src: url('../fonts/Lobster14.otf'); }



/* override bug articles non-publiés s'affichant sur l'accueil */
.system-unpublished { display:none; }



/*** Styles de base ***/
html { height:100%; min-height:100%; margin: 0 auto; }
body { height:100%; min-height:100%; margin: 0 auto;  padding:0;
	   background: white url(../images/gmat-background.jpg) no-repeat center top;
	   font: 13px/15px "Helvetica","Arial",sans-serif; color:#19212d /*gris bleu*/; }

img, td img, a img { border: none; }

p { margin:5px 0 5px 0; }
hr { color:#69C; background-color:#69C; height:1px; border:0; }
.clr { clear:both; height:0; font-size:0; }

h1 { font-size: 30px; width:640px; margin: 10px 0 2px 0; padding:0 0 3px 0; line-height:100%; 
	 color: #198191; font-family: 'Shanti', "Arial", sans-serif; border-bottom: thin solid #198191; }
h1 a:link, h1 a:visited { text-decoration:none; }
.blog > h2 { font-size: 10px; width:640px; margin: 10px 0 6px 0; padding:0 0 3px 0; line-height:100%; color:#669999; border-bottom: thin dashed #669999; text-transform:uppercase; }
h2 { font-size: 26px; max-width:640px; margin: 10px 0 2px 0; padding:0 0 3px 0; line-height:100%; color: #198191; border-bottom: thin solid #198191; }
h3 { font-size: 130%; margin: 5px 0 2px 0; padding:0; line-height:110%; }
h4 { font-size: 120%; margin: 2px 0 2px 0; padding:0; line-height:100%; }
h5 { font-size: 110%; margin:0; padding:0; line-height:100%; font-weight: bold; }
h6 { font-size: 100%; margin:0; padding:0; line-height:100%; font-weight: bold; }

a:link, a:visited { color: #198191; /* bleu turquoise */ text-decoration: none; -moz-outline-style: none;}
a:hover, a:active { color: #5693ef; /* bleu plus clair */ text-decoration: underline; }

.cacher				{ display:none; }
.radius5			{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.radius15			{ -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.mobileonly			{ display:none; }
.deskonly			{ display:auto; }

/*** styles de mise en page ***/
#gmat_site { margin:0 auto; min-height:600px; width:1000px; background: url(../images/gmat-fond-site.png) repeat-y center top; }

#gmat_header			{ background: url(../images/gmat-header.png) no-repeat center top; width:1000px; height:120px; display:block; position:fixed; top:0; z-index:10; }
#gmat_header_gauche 	{ padding: 10px 0 15px 45px; height:110px; width:230px; float:left; }
	.gmat_logo 			{ display:block; height:105px; width:200px; }
	.courtageentravaux 	{ margin:55px 0 15px; width:200px; height:20px; text-align:center; color:white; font: bold 12px/14px "Helvetica","Arial",sans-serif; }
#gmat_header_droite 	{ height:100px; width:725px; float:right; }
	#menutop 			{ margin-left:4px; padding:0px; height:78px; width:710px; text-align:left; overflow:hidden; }
	.menuelement		{ float:left; height:78px; }
	#menutop a:link, #menutop a:visited { font:12px "Tahoma","Helvetica",sans-serif; color:#f6f7f1; text-transform: uppercase; }
	#menutop a:hover, #menutop a:active { color:#f6f7f1; text-decoration:none; background: url(../images/gmat-menu-selection.png) no-repeat center top; } 
	#menutop img 	{ float:left; }
	#menutop span	{ display:block; }
	#menutop a	 	{ padding:5px 2px 0 8px; height:100%; border-right:thin dotted white; }
	#menutop1		{ width:150px; }
	#menutop1 a:link, #menutop1 a:visited { padding-top:15px; display:block; }
	#menutop1 span	{ padding-top:8px; }
	#menutop2 		{ width:132px; }
	#menutop2 a:link, #menutop2 a:visited { padding-top:15px; display:block; }
	#menutop2 span	{ padding-top:8px; }
	#menutop3 		{ width:150px; }
	#menutop3 a:link, #menutop3 a:visited { padding-top:15px; display:block; }
	#menutop3 span	{ padding-top:8px; }
	#menutop4 		{ width:135px; }
	#menutop4 a:link, #menutop4 a:visited { padding-top:15px; display:block; }
	#menutop4 span	{ padding-top:8px; }
	#menutop5 		{ width:130px; border-right:none; }
	#menutop5 a:link, #menutop5 a:visited { padding-top:15px; display:block; border-right:none; }
	#menutop5 span	{ padding-top:18px; }

#navigation		{ display:none; } /* module menu responsive */
.infosmobile	{ display:none; } /* infos de contact gmat pour le mobile */		
			
#gmat_colgauche { float:left; margin:0; width:275px; /*border: thin solid #CC3;*/ }
	
	#gmat_gauche { min-height:400px; width:275px;  }
		#gmat_contact { margin:60px 0 0 0; padding:5px 40px 0 45px; min-height:230px; width:210px; background: url(../images/gmat-encart-contact.png) no-repeat left top; 
						text-align:center; color:white; font-size:14px; }
			#gmat_contact a:link, #gmat_contact a:visited { color:white; font-size:14px; text-decoration:none; }
			#gmat_contact a:hover, #gmat_contact a:active { color:white; font-size:14px; text-decoration:underline; }
		#gmat_menus { min-height:50px; width:275px; padding-left:23px; }

#gmat_coldroite { float:right; margin:0; min-height:400px; width:725px;  }
	
		
	#gmat_droite { padding:95px 45px 5px 40px; min-height:400px; width:640px; background: url(../images/gmat-droite.png) no-repeat; text-align:justify; }
		#gmat_droite a:link, #gmat_droite a:visited { text-decoration: underline;}
		#gmat_droite .cal_table a:link, #gmat_droite .cal_table a:visited { text-decoration: none; font-size:10px; }
		#gmat_droite h1 a:link, #gmat_droite h1 a:visited { text-decoration:none; }
		#gmat_droite label { color:black; }
		#gmat_droite FORM a:link, #gmat_droite FORM a:visited { color: black; font-size: 12px; text-decoration: none; }
		#gmat_droite FORM a:hover, #gmat_droite FORM a:active { color: black; font-size: 12px; text-decoration: underline; }

#gmat_bottom { margin:0 auto; height:36px; width:1000px; background: url(../images/gmat-bottom.png) no-repeat; 
			   font:10px "Helvetica","Arial",sans-serif; color:white; text-transform: uppercase; }
		#gmat_bottom a:link, #gmat_bottom a:visited { color:white; text-decoration:none; }
		#gmat_bottom a:hover, #gmat_bottom a:active { color:white; text-decoration:underline; }
		#gmat_hautdepage { float:left; margin-left:22px; padding-top:13px; width:250px; text-align:center; }
		#gmat_bottomlinks { float:left; margin-left:25px; padding-top:13px; width:420px; text-align:left; }
		#picturapoesis { float:right; padding:13px 30px 0 0; width:150px; }
			#picturapoesis a:link, #picturapoesis a:visited { color:#77888f; } 
			#picturapoesis a:hover, #picturapoesis a:active { text-decoration:none; color:#9cb0ba;}
		


#gmat_footer { margin: 0 auto; min-height:200px; width:100%; background: #0b575f url(../images/gmat-footer.png) repeat-x center top; }
	#gmat_footer_inner { margin: 0 auto; width:1000px; min-height:200px; background: url(../images/gmat-footer-top.png) no-repeat center top; 
						 font: 10px/11px "Helvetica","Arial",sans-serif; color:#95dcc4; padding:10px 0; }
		#gmat_footer_inner p { font: 10px/11px "Helvetica","Arial",sans-serif; color:#95dcc4; margin:2px 0; }
		#gmat_footer_inner a:link, #gmat_footer_inner a:visited { font: 10px/14px "Helvetica","Arial",sans-serif; color:#6bc5a6;  }
		#gmat_footer_inner a:hover, #gmat_footer_inner a:active { font: 10px/14px "Helvetica","Arial",sans-serif; color:#95dcc4; }
.footercol	{ float:left; width:180px; padding:0 10px; border-left: thin dotted white; }
.logofooter	{ width:100px; }
.col0		{ padding-left:50px; width:100px; border-left:none; }
.col1		{  }
.col2		{  }
.col3		{  }
.col4		{  }		
			
/* page contact */
.pagecontact			{ width:100%; }
.pagecontact .colleft	{ float:left; width:315px; margin-right:5px; }
.pagecontact .colright	{ float:right; width:315px; }		
.gmapimage 				{ display:block; margin-top:20px; width:100%; min-height:450px; background: url(../../../images/google-map-image.jpg) no-repeat center center; }


/* module encart gauche */
#encart_gauche_login { width:200px; padding: 10px 20px 10px 30px; min-height:100px; background: url(../images/asc-privee-fond-gauche-haut.png) no-repeat left bottom; }
#encart_gauche { float:left; height:100%; min-height:100%; width:250px; }
#encartgauche { float:left; height:100%; min-height:400px; width:250px; margin:0 auto; }
.gauche_titre { height:33px; background: url(../images/asc-privee-fond-gauche-foot.png) no-repeat; /*border: thin solid #F90;*/ }
	
.home1l	{ float:left; width:350px; }
.home1r	{ float:right; width:280px; }
.home2l	{ float:left; width:285px; margin-top:20px; padding-top:40px; }
.home2r	{ float:right; width:340px; margin-top:30px;  margin-bottom:30px; }
.home3all	{ width:100%; background-color:#02717D; }
.home3l	{ float:left; width:390px; }
.home3r	{ float:right; width:250px; }



/* ************************** TEXTES ************************/
.majuscules { text-transform: uppercase; }
.align-gauche { float:left; margin-right:5px; }
.vignette_realisation	{ float:left; margin-right:5px; width:200px; height:200px; }
.align-droite { float:right; margin-left:5px; }
.align-annule {clear:both;}
.fondbleu { background-color:#02717D; color:white; padding:4px 8px; }
.fondbleuboite { background-color:#02717D; padding:15px; color:white;}
.fondbleuboite a:link, .fondbleuboite a:visited { color:white; }
.fondbleuboite a:hover, .fondbleuboite a:active { color:white; }
.fondnoirboite { background-color:#333; padding:8px; color:white; clear:both; }
.fondnoirboite a:link, .fondnoirboite a:visited { color:white; }
.fondnoirboite a:hover, .fondnoirboite a:active { color:white; }
.texte-encadre { padding: 8px; border: 1px solid #069; }
.texte-gros { font-size: 18px; line-height: normal; }
.texte-petit { font-size: 10px; line-height: normal; }
.texte-vert { color:#86b40b; }
.texte-bleu { color:#0e6f7f; }
.texte-violet { color: #4C1B55; }
.texte-titre { font:bold 36px "Verdana", "Arial", "Helvetica", sans-serif; color:#6e4f19 /* marron */; text-decoration: none; }
.tableaux-titre { font: bold 12px/13px "Arial", "Helvetica", sans-serif; color:#069; background-color:white;}
.tableaux-ligne-impaire { font: 12px "Arial", "Helvetica", sans-serif; color:#069; background-color:#CFF; /* bleu clair 1*/;}
.tableaux-ligne-paire { font: 12px "Arial", "Helvetica", sans-serif; color:#069; background-color:#6CF; /* bleu clair 2*/;}
.bbox		{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
	
/*** devis travaux ***/
.formdevistravaux { width:500px; padding:10px 0; margin:0 auto; }


/*** estimation ***/
#estimation { text-align:center; margin:0 auto; padding-bottom:10px; }
#estimation h1 { font: bold 24px "lobster", sans-serif; color:white; background-color:#5b9fa1; }
#estimation h2 { font: 14px "lobster", sans-serif; color:#1f4144; background-color:white; }
#estimation h3 {  margin:0 auto; color:#2cc1ce; padding-top:20px; font: 40px/38px "lobster", sans-serif; }
.h3clair { color:#9de6ec; font-size:48px; }
.estim_desc { font: 18px/16px "lobster", sans-serif; color:#2cc1ce; }
.encart_desc { font: 18px/18px "lobster", sans-serif; color:#2cc1ce; color:white; margin:0 auto; width:260px; height:95px; background: url(../images/encart.png) no-repeat; }
.tempsmoyen { margin:0 0 0 20px; height:30px; background: url(../images/horloge.png) no-repeat 105px 0; }
.tempsmoyen .tempssmall { float:left; width:100px; text-align:right; font: 10px/10px "Arial", "Helvetica", sans-serif; color:#59a7ad; }
.tempsmoyen .tempsduree { float:left; margin-left:35px; width:50px; text-align:left; font: bold 11px/20px "Arial", "Helvetica", sans-serif; color:#2cc1ce;}
.retrait { margin-top:30px; }

#estim_rapide { display:inline-block; width:300px; height:420px; background-color:white; text-decoration:none!important; }
#estim_rapide .visuel { margin:0 auto; margin-top:20px; width:180px; height:120px; background: url(../images/visuel-rapide-pave.png) no-repeat; }
#estim_rapide h3 { width:260px; height:90px; background: url(../images/fondgris-estimation.png) no-repeat; }
.rapide_icone { margin:0 auto; width:40px; height:50px; background: url(../images/visuel-reveil-gros.png) no-repeat; }

#estim_detaillee { display:inline-block; width:300px; height:420px; background-color:white; text-decoration:none!important; }
#estim_detaillee .visuel {  margin:0 auto; margin-top:20px; width:180px; height:120px; background: url(../images/visuel-detaille-pave.png) no-repeat; }
#estim_detaillee h3 { width:260px; height:90px; background: url(../images/fondgris-estimation.png) no-repeat; }
.detaille_icone {  margin:0 auto; width:40px; height:50px; background: url(../images/visuel-calepin-gros.png) no-repeat; }

#estim_rapide:hover, #estim_detaillee:hover { background-color:#0b8273; text-decoration:none!important; }


#devis_gratuit { margin:0 auto; display:block; width:550px; height:225px; text-decoration:none!important; background: url(../images/devis-fond.jpg) no-repeat; }
#devis_gratuit .visuel { margin:0 auto; padding-top:15px; width:182px; height:125px; background: url(../images/visuel-devis.png) no-repeat; }
#devis_gratuit h3 { width:260px; height:55px; background: url(../images/fondgris-devis.png) no-repeat; }
#devis_gratuit span { font: 17px/20px "lobster", sans-serif; color:#1f4144; background-color:white; }
	
.foxcontainerformside			{ background:url("../images/fond-onvousrappelle.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-color:#0d403f; margin:30px 0!important; padding:25px 10px 0 20px !important; width:218px!important; }
.foxcontainerformside h1		{ width:215px; color:#a0e3de; font-size:25px; }	
.foxcontainerformside .controls	{ width:220px; color:white; }	

.foxcontainer textarea, .foxcontainer input, .chzn-single, .chzn-drop, div#foxcontainer .chzn-container-single .chzn-drop { width:500px!important; }	
	
	
/*** styles de contenus et de joomla ***/
/* *************************************/

.socialsharebuttonsbox { display:block !important; list-style-type:none !important; margin:0 0 40px 0 !important;  height:20px !important; width:100% !important;
    cursor:pointer !important; padding:0!important; background-color:transparent !important; outline:0 none !important; }
	
.socialsharebuttonsbox a { background:url('http://gmat-courtage.fr/templates/gmat/images/bouton-facebook.png') no-repeat 0 0 !important;
	display:block !important; width:180px !important; height:20px !important; text-indent: -9999px !important; margin:0 !important; padding:0 !important; }
	
.socialsharebuttonsbox a:hover { background:url('http://gmat-courtage.fr/templates/gmat/images/bouton-facebook.png') no-repeat 0 -20px !important;
	display:block !important;  width:180px !important; height:20px !important; text-indent: -9999px !important; background-color:transparent !important; }
	

	

.small, .createdate, .smalldark { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #666666; }

/* les lignes qui séparent les articles en affichage type blog */
span.article_separator { margin-bottom:10px; border-bottom:1px dotted #3096a4; display: block; height: 2px; width: 100%; }

/* style du table entourant le contenu central dans un affichage blog */
.blog{ /*border-top-style: solid; border-top-color: #86b40b; border-top-width: thin;*/ }

.mainlevel { }
	a.mainlevel:link, a.mainlevel:visited { font-size: 16px; color:white; text-decoration:none; -moz-outline-style: none; background-color:red;  }
	a.mainlevel:hover, a.mainlevel:active {color:black; -moz-outline-style: none; }
.sublevel { }
	a.sublevel:link, a.sublevel:visited { border: 0; border-bottom: 1px solid white; font-size: 12px; color:white; text-decoration:none; margin:0; }
	a.sublevel:hover, a.sublevel:active { color:black; -moz-outline-style: none; }

	
.inputbox { /*width:120px;*/ }
/*.button { margin-top:5px; }*/
/* -------------------- LES PAGES -------------------- */
/* texte de base utilisé dans un article  (Plus liens et listes) */
.contentpaneopen { text-align:left; }
.contentpaneopen a:link, .contentpaneopen a:visited{ /* voir les a principaux */ }	
.contentpaneopen a:hover, .contentpaneopen a:active{ text-decoration: none; }
.contentpaneopen ul li { margin-left: -10px; margin-bottom: 5px; list-style-image: none; list-style-type: disc;}
.contentpaneopen_edit { float:right; } /* edit button */
	
/* titre d'une page article */
.contentheading { text-align:left; font:bold 22px "Times New Roman", Times, serif; color:#369; line-height:100%;
				  padding-bottom:5px; margin-bottom:5px; }	
.contentheading a:hover, .contentheading a:active { text-decoration:none; }

/* titre d'une page composant */
.componentheading { text-align:left; font:bold 22px "Times New Roman", Times, serif; color:#369; line-height:100%; border-bottom: thin dotted #CCC; }


/* -------------------- LES MODULES & MENUS -------------------- */
/* modules | old */
div.module_menu ul { }
div.module_menu li { }
div.module_menu h3 { }

/* style des menus */
.menu {  }
.menu a:link, .menu a:visited {  }
.menu a:hover {  }
.menu a:active {  }
.separator {  }
.menu ul { }
.menu li {  }
	.menu li a:link, .menu li a:visited {  }
	.menu li a:hover, .menu li a:active{ }

/* style du menu actif */
#current { }
#current a:link, #current a:visited, #current a:hover, #current a:active {
	color: #c6b840;
}

/* modules normaux | gauche foot */
div.modulegauche { width:247px; text-align:right; text-transform: uppercase; }
div.modulegauche div {  }
div.modulegauche div div {  }
div.modulegauche div div div div { }
div.modulegauche h3 { padding:0; height:28px; font: bold 14px/14px "Helvetica","Arial",sans-serif; color: #233977 /*bleu nuit*/; text-transform: uppercase; }
div.modulegauche ul { margin:10px 0 0 0; padding:0; width:100%; list-style-type: none; font: 12px/12px "Helvetica","Arial",sans-serif; color: white; text-align:center; }
div.modulegauche li { padding: 1px 0;  background: url(../images/menu-ligne-gauche.png) no-repeat left top; width:100%; height:40px;  }
div.modulegauche li a { display:block; width:100%; height:40px; line-height:40px; width:195px; margin:0 auto; }
div.modulegauche li a:hover, div.modulegauche li a:active { background-color:#0d403f; }
div.modulegauche li:first-child { padding-top:0; background: none; }
div.modulegauche a:link, div.modulegauche a:visited { color: white; }
div.modulegauche a:hover, div.modulegauche a:active { color:#4bd9cd; text-decoration:none; }

/* menus du footer */
div.module_menu { width:250px; text-align:left;}
.menuendur a.mainlevel:link, .menuendur a.mainlevel:visited { font-size: 12px; color:#5b4a27 /* marron */; text-decoration:none; margin:5px; -moz-outline-style: none; }
.menuendur a.mainlevel:hover, .menuendur a.mainlevel:active { color:#826c3d /*marron clair*/; text-decoration:underline; -moz-outline-style: none; }

/* titre des menus */
.moduletable h3, .moduletable_menu h3 { font-size: 170%; color: #b71768; margin: 6px 0 3px 0;}
	

/* ----------------------- NAVIGATION ----------------------- */
/* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") */
.pagination { border-top:#669999 thin solid; font: normal 12px/14px "Arial", "Helvetica", sans-serif; color:#669999; text-transform:uppercase;  text-align:center;}
.pagination a { font: normal 12px/14px "Arial", "Helvetica", sans-serif; color:#669999; text-transform:uppercase; }
.pagination a:hover { text-decoration:underline; }
.pagination li { display:inline; padding:0 10px; color:black; font-weight:bold; }

.pagenavbar {  } 
a.pagenavbar:link, a.pagenavbar:visited {  }
a.pagenavbar:hover, a.pagenavbar:active, a.pagenavbar:focus {  }
.pagenav {  } 
a.pagenav:link, a.pagenav:visited { text-decoration: none!important; color:#669999; }
a.pagenav:hover, a.pagenav:active, a.pagenav:focus { text-decoration: underline!important; color: black; }


/* lien lire la suite */
.readmore a { display: block; height: 17px; width:620px; padding: 3px 0 0 25px; font: bold 12px/14px "Arial", "Helvetica", sans-serif; color: white; background: url(../images/bouton-lire-la-suite.png) no-repeat 0 0; text-transform:uppercase; text-decoration:none !important; }
.readmore a:hover { background: url(../images/bouton-lire-la-suite.png) no-repeat 0 -20px; text-decoration: none; }


.adminform {font: 14px "Arial", "Helvetica", sans-serif; color: #333333; background-color: #E5E5E5; border: thin solid #666666;}
#publishgm{width: 200px;}

/* -------------------- DYNAMIQUES -------------------- */
/* formulaires et boutons */
FORM { margin: 0 }
FORM a:link, FORM a:visited { color: white; font-size: 12px; text-decoration: none; }
FORM a:hover, FORM a:active { color: white; font-size: 12px; text-decoration: underline; }
FORM * {/*text-align:left;*/ }
TEXTAREA, INPUT, LABEL, SELECT {  }
SELECT { color:black; }
#mod_login_usernameconnexion { width:180px; }
#mod_login_passwordconnexion { width:180px; }
TEXTAREA, INPUT {  }
TEXTAREA {  }
.sectiontableentry1 { padding-bottom:5px; font-size: 14px; color: #333333; }
.sectiontableentry2 { padding-bottom:5px; font-size: 14px; color: #333333; }

.buttonconnexion{ display: block; margin:5px 0 5px 0; height: 20px; width:120px; padding: 0; font: bold 10px/12px "Arial", "Helvetica", sans-serif; color: white; background: url(../images/bouton-deconnexion.png) no-repeat 0 0; text-transform:uppercase; border:0; cursor:  pointer; }
.buttonconnexion:hover{ display: block; height: 20px; width:120px; padding: 0; font: bold 10px/12px "Arial", "Helvetica", sans-serif; color: white; 
		 background: url(../images/bouton-deconnexion.png) no-repeat 0 -20px; text-transform:uppercase; }

.poll { margin:0px; font-size:1em; color:#000000; text-decoration:none;}
/* module de connexion */
#mod_login_greetingconnexion { text-align:left; color:#233977; }


/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; }
span.pathway {  display: block;  margin: 0;  height: 16px; line-height: 16px; overflow: hidden; }

inputbox { background-color: #00CC99; }

/* small text */
.modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; }
.createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; }

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/
.ol-foreground { background-color: #f6f6f6; }
.ol-background { background-color: #666; }
.ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; }
.ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; }
.ol-closefont {}
.article_column { padding-right: 5px; }

.column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; }
td.greyline {  width: 20px;  background: url(../images/mw_line_grey.png) 50% 0 repeat-y; }
div#maindivider {  border-top: 1px solid #ddd;  margin-bottom: 10px; overflow: hidden;  height: 1px; }

/* table of contents */
table.contenttoc {  margin: 5px;  border: 1px solid #ccc; padding: 5px; float: right; }
table.contenttoc td {  padding: 0 5px; }

/* content tables */
td.sectiontableheader {  background: #efefef;  color: #333; font-weight: bold; padding: 4px;  border-right: 1px solid #fff; }
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; }

/* content styles */
table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; }
.highlight { background-color: #fffebb; }

/* module control elements */
table.user1user2 div.moduletable { margin-bottom: 0px; }
div.moduletable, { margin-bottom: 0px; }
div.module { margin-bottom: 0px; }

#leftcolumn div.module { padding: 0 10px; }
#leftcolumn div.module table { width: auto; }

/* forms */
table.adminform textarea {  width: 540px;  height: 400px;  font-size: 1em;   color: #000099; }
div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; }

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist { margin-top: 5px; }
table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; }
table.paramlist td.paramlist_value {}
div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px;
	color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; }

/* Banners module */

/* Default skyscraper style */
.bannergroup {}
.banneritem img { display: block; margin-left: auto; margin-right: auto; }

/* Text advert style */
.banneritem_text { padding: 4px; font-size: 11px; }
.bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; }

/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td { text-align: left; }

/* WebLinks */
span.description { display:block; padding-left: 30px; }

/* Frontend Editing*/
fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; }
legend { margin: 0; padding: 0 10px; }
td.key { border-bottom:1px solid #eee; color: #666; }

/* Tooltips */
.tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; }
.tool-title {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; 
			background: url(../../system/images/selector-arrow.png) no-repeat;}
.tool-text {font-size: 100%; margin: 0;}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#syndicate{float:left; padding-left: 25px;}
#power_by{float:right; padding-right: 25px;}

/* Component Specific Fixes */

#component-contact table td {padding: 2px 0;}












/* - - - - - * MOBILE - - - - - - - */
@media (min-width: 10px) and (max-width: 640px)   { 
#gmat_site * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }

.mobileonly			{ display:auto; }
.deskonly			{ display:none; }

#gmat_menus .modulegauche, .encart_devis, .encart_estimation { display:none; }
#navigation	{ display:block; } /* module menu responsive */
div.modulegauche { width:100%; background-color:#136c61; }
div.modulegauche li { background:none; }
div.modulegauche li a { width:100%; }

h1 { font-size:25px; }
h1, h2		{ width:100%!important; }
#gmat_site { width:100%; min-width:350px; background:none; }
#gmat_colgauche { float:none; margin:0; width:100%; }
#gmat_header	{ width:100%; height:160px; position:relative;
				  background: url(../images/gmat-header-mobile.png) no-repeat center top; }
#gmat_header_gauche { padding:0; height:50px; width:100%; float:none; }
.gmat_logo { height:50px; width:100px; margin:0 auto; 
			 background: url(../images/gmat-logo-mobile.png) no-repeat center top;}
.courtageentravaux { display:none; }
#gmat_gauche { min-height:0; width:100%; 
			   background: url(../images/gmat-gauche-mobile.png) repeat-y center top; }
#gmat_contact { display:none; }
	#gmat_menus { width:100%; margin:0; padding:0; }
.infosmobile	{ display:block; width:100%; height:42px;  color:white; font-size:12px; text-align:center; padding-top:5px;
				  background: url(../images/infos-mobile.png) repeat-x center top; }
.infosmobile a:link, .infosmobile a:visited { color:white; font-size:12px; text-decoration:none; }
.infosmobile a:hover, .infosmobile a:active { color:white; font-size:12px; text-decoration:underline; }
.infosmobile .phonem	{ margin:0; }
.infosmobile .emailm	{ margin:0; }

#gmat_coldroite { float:none; width:100%; padding:5px 10px; }
#gmat_header_droite { height:65px; width:100%; float:none;
					  background: url(../images/gmat-header-droite-mobile.png) no-repeat; }
#menutop { margin:0; padding:0; height:65px; width:100%; }
#menutop a:link, #menutop a:visited { font-size:14px; border:none; }
#menutop a:hover, #menutop a:active { background: none; background-color:black; } 
#menutop1, #menutop2, #menutop3, #menutop4	{ width:33.33%; height:64px; border-right:thin dotted white; }
#menutop1 a:link, #menutop1 a:visited, #menutop2 a:link, #menutop2 a:visited,#menutop4 a:link, #menutop4 a:visited  { width:100%; height:64px; padding-top:5px; display:block; }
#menutop3 { display:none; }
#menutop4 {  border-right:none; }
#menutop5 { display:none; } #menutop5 a:link, #menutop5 a:visited { display:none; }
#menutop img { float:none; display:block; margin:0 auto; height:40px; }
#menutop span { margin:0 auto; padding-top:0!important; text-align:center; font-size:10px; }

#gmat_droite { padding:10px; min-height:400px; width:100%; background: url(../images/gmat-droite-mobile.png) no-repeat; }
#gmat_bottom { height:auto; min-height:28px; width:100%; background:none; background-color:black; text-align:center; padding-bottom:5px; }
#gmat_hautdepage, #gmat_bottomlinks, #picturapoesis { float:none; padding:8px 0 0 0; width:auto; display:inline-block; margin:0 5px; }

#gmat_footer { margin:0 auto; min-height:50px; width:100%; background:none; background-color:#0b575f; }
#gmat_footer_inner { margin:0 auto; width:100%; min-height:50px; background:none; font-size:11px; }
.footercol	{ float:left; width:49%; padding:0 10px; border-left: thin dotted white; min-height:300px;
			   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.logofooter	{ width:100px;  }
.col0		{ border:none; padding:0; width:100%; min-height:0; text-align:center; padding-bottom:20px; }
.col1		{ border:none; }
.col2		{  }
.col3		{ border:none; clear:both; }
.col4		{  }

#gmat_droite h1, #gmat_droite h2 { text-align:left; }
		
/* form on vous rappelle */
.foxcontainerformside			{ background:#0d403f url("../images/fond-onvousrappelle-mobile.jpg") no-repeat scroll 10px 3px; background-color:#0d403f; margin:0!important; padding:25px 10px 0 20px !important; width:100%!important; }
.foxcontainerformside h1		{ width:100%; color:#a0e3de; font-size:25px; }	
.foxcontainerformside .controls	{ width:100%; color:white; }	
div#foxcontainer_m107 input, div#foxcontainer_m107 label.checkbox { width:95%; }

.foxcontainer textarea, .foxcontainer input, .chzn-single, .chzn-drop, div#foxcontainer .chzn-container-single .chzn-drop { width:500px!important; }

/* Joomla specific */
.readmore a { width:100%; }

/* accueil */
.home1l, .home1r, .home2l, .home2r, .home3l, .home3r { float:none; width:100%; } 
.home2l		{ margin-top:20px; padding-top:40px; }
.home2r		{ margin-top:30px;  margin-bottom:30px; }
.home3all	{background-color:#02717D; }
.home1r > img, .home2l > img { width:70%; display:block; margin:0 auto; }

/* devis gratuit */
#devis_gratuit { margin:0 auto; display:block; width:100%; text-decoration:none!important; background: url(../images/devis-fond.jpg) no-repeat; }
#devis_gratuit .visuel { margin:0 auto 15px; padding-top:15px; width:182px; height:125px; background: url(../images/visuel-devis.png) no-repeat; }
div#foxcontainer_m101 { width:100%; padding:20px; margin-top:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
div#foxcontainer_m101 input, div#foxcontainer_m101 label.checkbox { width:90%; }
div#foxcontainer_m101 textarea { height:150px; width:90%; }

/* page contact */
.pagecontact			{ width:100%; }
.pagecontact .colleft	{ float:none; width:100%; margin:0; }
.pagecontact .colright	{ float:none; width:100%; }
.map 					{ width: 100% !important; }
div#foxcontainer_m103, div#foxcontainer_m103 input, div#foxcontainer_m103 label.checkbox { width:100%; }
div#foxcontainer_m103 textarea { height:180px; width:100%; }
.fondbleu 				{ margin-top:15px; }
.gmapimage 				{ width:100%; overflow:hidden; min-height:400px; margin-bottom:20px; }
	
/*** devis travaux ***/
.formdevistravaux { width:90%; padding:20px 0 10px; margin:0 auto; }
	
/* adhesion artisan */
div#foxcontainer_m102 {  width:100%; }

/* realisations */
.vignette_realisation { float:none; height:auto; width:100%; }
.ag_thumbclassic, .ag_thumbclassic > a, .ag_imageThumb  { width: 100%; }
.AG_classic .ag_thumbclassic { margin:0 10px 10px 0; }

/* menu */
#navigation .item-156 { display: none; } /* estimation travaux a cacher sur mobile */
}