/*
    Theme Name: Mon-Web v2
    Theme URI: http://mon-web.fr/
    Description:  theme pour Mon Web
    Version: 2.0
    Author: Frederic Vattolo
    Author URI: http://www.mon-web.fr/
*/






/* styles generaux */

* { margin: 0; padding : 0;}
html {height: 100%;  margin-bottom: 1px;}
body {  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 14px; line-height: 1.1em;color : #4A2512; overflow-y : scroll; 
		background : #CEDFE6 url(images/bgbody.jpg) top left repeat-x}
p { padding: 5px 0;}

abbr { cursor : help}
a img { border : none;}
hr {
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #BDCBD6;
background-color: #BDCBD6;
border: 0;
}

.blockleft { display : block; float: left;margin : 0 4px}
.aligncenter { text-align : center}
.clrL { clear : left;}
.clr { clear : both}

#ConteneurGeneral { background : url(images/bg_header.jpg) top center no-repeat;}

.divArrondie { -moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	-o-border-radius : 10px;
	border-radius : 10px;
	
	-moz-box-shadow: 0px 2px 10px #838F93; 
	-webkit-box-shadow: 0px 2px 10px #838F93;
	box-shadow: 0px 2px 10px #838F93;
	
	background : #EAEAEA;
	background: -moz-linear-gradient(top,  #fff,  #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));}

	
/* --- header ---*/
#header { width : 960px; margin : 0 auto;height : 210px;
	
	position : relative; overflow: hidden;}
	
#header>a { display: block; width : 270px; height : 200px; overflow : hidden;	
	position : relative; left : 45px; top :0;
	background : url(images/logo.jpg) top left no-repeat;
	text-indent : -5000px; 
	
	}
#header>a.pageCourante, #header>a:hover { background : url(images/logo.jpg) bottom left no-repeat;cursor : default}


#menuTop { position : absolute ; top : 35px; right : 01px;}

#menuTop li { display: block; float: left; text-align: center;
	width: 180px; 
	margin-left: 45px;
	color : #fff;
	
}
#lienServices {width : 230px; margin-left : -20px;}
#menuTop li#lienServices a span { font-size : 80%}
a#lienPortfolio   { padding-right : 00px; background : url(images/lienRss.png) top right no-repeat;}
a.pageCourante#lienPortfolio, a#lienPortfolio:hover   { background : url(images/lienRssHover.png) top right no-repeat;}
#menuTop li a { display : block;color : #fff; padding-top : 2px;
text-decoration : none;padding-bottom : 10px;}
#menuTop li a:hover {
;}
#menuTop li a strong { display: block; color : #fff; font-weight : lighter; line-height : 26px;
	font-size : 32px;margin-top : 10px;font-style : italic;
	text-shadow : #00325F 1px 1px 1px;}
#menuTop li a.pageCourante strong, #menuTop li a:hover strong { color : #BF0707;text-shadow : #6E0605 1px 1px 1px;}
#menuTop li a span { display: inline; color : #fff; font-size : 17px;line-height : 28px; margin-top : 7px;
	text-shadow : #00325F 1px 1px 1px; border-bottom : 1px dotted #fff;padding-bottom : 3px}
#menuTop li a.pageCourante>span, #menuTop li a:hover>span { color : #D8D8D8;border-bottom : 1px dotted #BFBFBF}


/*---- contenu accueil ---*/

 #contenu {width : 960px; margin : 0 auto;	
	position : relative; 
	}
#ombreAccroche { position : absolute; left : 380px;top : -85px;
	text-align : center; z-index: 200;
	padding-bottom : 35px;
	background : url(images/bg_ombreAccroche.png) bottom center no-repeat}
#accroche { 
	width : 500px; color : #364b5a; line-height : 19px;
	padding : 10px 10px;
	text-shadow : #B8C5CE 1px 1px 1px;
	
	-moz-border-radius : 16px;
	-webkit-border-radius : 16px;
	-o-border-radius : 16px;
	border-radius : 16px;
	
	-moz-box-shadow: 0px -2px 10px #586F77; 
	-webkit-box-shadow: 0px -2px 10px #586F77;
	box-shadow: 0px -2px 10px #586F77;
	
	background : #e0e0e0;
	background: -moz-linear-gradient(top,  #f5f5f5,  #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ccc)); }
 	
#accroche h2 { font-size : 17px; color : #7c1415; font-weight : bolder;
	text-shadow : #EB9781 0px 1px 1px;}
#accroche h3 { display: block;font-size : 15px; color : #7c1415; font-weight : bolder;
	text-shadow : #EB9781 0px 1px 1px;}	
	
#accroche a { color : 	#7c1415;text-decoration: none ; text-shadow : #F3F3F3 0px 1px 1px;}
	
.moduleAccueil { display : block; float: left; width : 430px; margin-right : 32px;margin-left : 10px;
	margin-bottom : 20px;color : #324653; text-shadow : #D8E2E6 1px 1px 1px;}

.moduleAccueil h2 { display: inline;
	font-style : italic;font-size : 19px; 
	font-weight : 600; text-decoration : underline; }
	
.moduleAccueil strong { font-weight : 400; color : #7c1415}
.moduleAccueil a { color : #7c1415}
.moduleAccueil p { padding-left : 70px;margin-top : 5px;font-size : 15px; line-height : 18px;}
.moduleAccueil p:first-letter { font-size : 125%}
#moduleTemps { width : 360px;}
#moduleTemps p { background : url(images/temps.png) center left no-repeat;}

#fidelisez p { background : url(images/fidelisez.png) center left no-repeat;} 
#creationTemplate p { background : url(images/template.png) center left no-repeat;} 
#facilitezContacts p { background : url(images/faciliterContacts.png) center left no-repeat;}
#intervention p { background : url(images/intervention.png) center left no-repeat;}
/* ---- javascript accueil --- */
#bottomIndex { position: relative;top : -15px;height : 260px; background : url(images/bg_bottom.jpg) top left repeat-x;}
#bottomIndex #insideBottom { width : 960px;  margin : 0 auto; height : 270px;
	position: relative; overflow : hidden; 
background : url(images/bottom.jpg) top left no-repeat;}
#insideBottom>h3 {display : none;}

.paging {
	position: absolute;
	top: 210px; left: 25px;
	width: 310px; height : 30px;text-indent : -5000px;
	z-index: 100;
	display: none;
}
.paging a { outline : 0;margin: 0 1px;
	width : 25px; height : 30px; float: left;
	background : url(images/bg_lienSlider.jpg) bottom left no-repeat;
	text-decoration: none;
	
}
.paging a.active {
	background : url(images/bg_lienSlider.jpg) top left no-repeat;
	cursor : default; 
}
.paging a.active:hover {
	background : url(images/bg_lienSlider.jpg) top left no-repeat;
	cursor : default; 
}

.paging a:hover { background : url(images/bg_lienSlider.jpg) bottom right no-repeat;}

/* ---- thumSite --- */
.thumbsite a {text-decoration : none;}

.conteneurthumb { position :absolute ; top : 15px; left : 125px;
	width : 250px; height : 161px;
	display : block; overflow: hidden;}

.conteneurthumb img { 
	
	margin-top : 165px;
	padding : 4px; background : #fff;
	-moz-box-shadow: 0px 1px 3px #AEB5C3;  
    -webkit-box-shadow: 0px 1px 3px #AEB5C3;    
    box-shadow: 0px 1px 3px #AEB5C3;
    }

.thumbsite a span { display : block; width : 153px; height : 40px;
	position :absolute ; top : 203px; left : 332px;
	text-align : center; color: #163B56;
	font-size : 16px; line-height : 28px;
	background : url(images/bg_voirlesite.jpg) top center no-repeat;
	}
.thumbsite a:hover span {color : #6C0202}

/*   - descrSite  -  */

div.descrSite { position: absolute; top : 55px; left : 632px;
	width : 316px; height : 76px;
	text-align : center;
	}

.descrSite h3, .descrSite h2, .descrSite a { color : #fff; text-decoration : none;}
.descrSite p {font-size : 12px;color : #BF7C69}
.descrSite a { font-style : italic;}
.descrSite a:hover {text-decoration: underline}
.descrSite h3 { font-size : 14px; line-height : 22px;}
.descrSite h2 a { font-size : 17px}

/* -- post-meta -- */

div.techno { 
	display : block; width : 125px; height : 65px; 
	position: absolute; top : 66px; left : 470px; overflow : hidden;
	
	}

#bottomIndex #insideBottom .post-meta-key { display : none;}

.techno li { color : #E1D3D2;text-align : center; list-style : none;
	font-family:Arial; font-weight : 600; font-size : 12px; line-height : 18px}

/* page accueil */
#coordonnees { position : absolute; color : #183951;
	top : 155px; left : 600px; width : 360px;
	}
	
#coordonnees h2 { font-size : 18px; line-height : 20px;letter-spacing : 0.05em; margin-top : 7px;}
#coordonnees p { font-size : 12px; line-height : 17px; }
#coordonnees p>a { color : #183951; text-decoration : none; border-bottom : 1px dashed #183951;
 }
#coordonnees p>a:hover { color : #6C0202; border-bottom : 1px dotted #6C0202}
#coordonnees p img {  padding-top : 2px}
#twitter { float: left;width : 60px;font-size : 11px; text-align : center;margin-right : 10px;}

#twitter a {text-decoration : none;color : #183951; font-family : arial; }
#twitter a:hover { color : #6C0202;}


/*  sur page.php  */
#Page { width : 960px; margin : 0 auto;position: relative;
	color : #324653; } 

	
#bottomPages { position: relative;top : 0px;height : 190px; background : url(images/bg_bottom.jpg) top left repeat-x;}
#bottomPages #insideBottomPages { width : 960px;  margin : 0 auto; height : 190px;
	position: relative; overflow : hidden; 
background : url(images/bottomPages.jpg) top right no-repeat;}
#insideBottomPages>h3 {display : none;}

#coordonneesPages { position : absolute; color : #fff;
	top : 56px; left : 5px; width : 360px;
	}
	
#coordonneesPages h2 { font-size : 18px; line-height : 20px;letter-spacing : 0.05em; margin-top : 7px;}
#coordonneesPages p { font-size : 12px; line-height : 17px; }
#coordonneesPages p>a { color : #fff; text-decoration : none; border-bottom : 1px dashed #fff;
 }
#coordonneesPages p>a:hover { color : #6f6f6f; border-bottom : 1px dotted #6f6f6f}
#coordonneesPages p img {  padding-top : 2px}
#twitterPages { float: left;width : 60px;font-size : 11px; text-align : center;margin-right : 10px;}

#twitterPages a {text-decoration : none;color : #fff; font-family : arial; }
#twitterPages a:hover { color : #6f6f6f;}

/* ------------*/ 

/* ---- portfolio ---*/

#porfolioWeb { width : 960px; margin : 0 auto;position: relative;
	color : #324653; background : url(images/bg_bottom.jpg) 0px 95%  repeat-x;}
#porfolioWeb>h2 { text-align : left; text-decoration: underline;color : #fff;
	font-size : 26px;font-weight : lighter;text-shadow : 1px 1px 2px #48555B; 
	line-height : 2.2em; position: relative ; top : -10px}

#decoPortfolioWeb {background : url(images/bg_bottom.jpg) 0px 96%  repeat-x;}


#pleinePagePrint { width : 880px; margin : 80px auto 32px auto;position: relative;
	line-height : 19px;color : #324653;
	padding : 10px 20px; border  : 10px solid #fff; background : #BDCDD3;
	
	-moz-box-shadow: 0px 2px 10px #A9B9BF; 
	-webkit-box-shadow: 0px 2px 10px #A9B9BF;
	box-shadow: 0px 2px 10px #A9B9BF;}
	


#pleinePagePrint li { list-style : none;}

#pleinePagePrint  li p span, #pleinePagePrint h3 {height : 29px;
	line-height : 26px; font-size : 16px; font-weight : normal;
	text-shadow : #2E3233 1px 1px 1px;}

#pleinePagePrint h3>a { color : #fff;text-decoration : none; border-bottom : 1px dotted #fff}	 
#pleinePagePrint h3>a:hover { color : #731314; border-bottom : 1px dotted #731314;text-shadow : #EB9781 0px 1px 1px;}

#pleinePagePrint caption { text-align : center; text-decoration: underline; line-height : 2em; 
	font-size : 24px; font-weight : 500; letter-spacing : 1px;
	text-shadow : #D8E2E6 1px 1px 1px;}



#pleinePagePrint th {width : 180px;padding : 0 5px; 
	text-align : center;color : #324653;vertical-align : center; font-size : 18px;
	border : 4px solid #fff; background : #CEDFE6;font-style : italic;
	text-shadow : #fff 1px 1px 1px;	
	-moz-box-shadow: 0px 2px 5px #A9B9BF; 
	-webkit-box-shadow: 0px 2px 5px #A9B9BF;
	box-shadow: 0px 2px 5px #A9B9BF;}
#pleinePagePrint td { width : 650px;background : #A0AFB3;
	font-family: Calibri, Verdana, Arial, sans-serif;
	text-align : center;vertical-align : center;
	margin : 0 0 5px 5px ;padding : 5px; color : #fff; border : 1px solid #8A989B;
}
#pleinePagePrint td p { width : 150px; float: left; height : 238px;
	}
	
#pleinePagePrint ul { width : 632px;  margin : 0 auto; }


#packcomplet li { height : 200px;}
#diverspapier li {  height : 235px; overflow : hidden}
#pubAdhesive li {  height : 250px; overflow : hidden}
#crealogos li { height : 132px; overflow :hidden}

#printPrec1 a,#printPrec2 a,#printPrec3 a { display : block; width : 50px ;height : 20px;text-indent : -5000px; overflow : hidden;
	position : relative; bottom : -15px; left : 260px;
	background : url(images/bg_navPortfolioPrint.jpg) top left no-repeat;}
#printPrec1 a:hover,#printPrec2 a:hover,#printPrec3 a:hover {
	background : url(images/bg_navPortfolioPrint.jpg) bottom left no-repeat;}
	
#printSuiv1 a,#printSuiv2 a,#printSuiv3 a { display : block; width : 50px ;height : 20px;text-indent : -5000px; overflow : hidden;
	position : relative; bottom : 5px; left : 332px;
	background : url(images/bg_navPortfolioPrint.jpg) top right no-repeat;}
#printSuiv1 a:hover,#printSuiv2 a:hover,#printSuiv3 a:hover { outline : 0;
	background : url(images/bg_navPortfolioPrint.jpg) bottom right no-repeat;}
	
#pleinePagePrint li { display : block; width : 632px; float: left;position : relative; top :0; }	
#crealogos li>p { margin-left: 50px;}	
#diverspapier li>p { margin-left: 25px;}
.imageombree {	
	-moz-box-shadow: 0px 1px 4px #2E3233;  
    -webkit-box-shadow: 0px 1px 4px #2E3233;    
    box-shadow: 0px 1px 4px #2E3233;}
	
.articlePortfolio { width : 215px;height : 156px;float: left;text-align : center;position: relative;
	margin-left : 19px;}
.articlePortfolio img {padding : 6px; background : #fff;
	-moz-box-shadow: 0px 1px 3px #AEB5C3;  
    -webkit-box-shadow: 0px 1px 3px #AEB5C3;    
    box-shadow: 0px 1px 3px #AEB5C3;}
li.articlePortfolio  { display : block;list-style : none; }

.descPages { position : absolute ; top : 75px ; left : 7px; padding : 7px 0 0 0; z-index : 100;
	width : 200px; height : 51px; background : #2C3337; color : #fff;font-size : 11px}
.descPages p { display : none;}
.descPages h3 { font-family : Arial; font-size : 11px}
.descPages h2 a { Font-family: Calibri, Verdana, Arial, sans-serif;
color : #fff;font-size : 16px;text-decoration : none; line-height : 20px}
.descPages h2 a:hover { font-size : 17px;color : #F8C43C;text-decoration : underline }


.remonter { position : absolute; top : 85px; left: 450px; color : #fff;text-decoration : none;}

/* ---- page services ---*/
#pleinePageService { width : 960px; margin : 0 auto;position: relative;
	color : #324653; } 

#colGaucheService { float : left; margin : 20px 00px 00px 00px; width : 320px;}
#etapescreaSite { 
	position: relative; 
	padding : 8px 10px 5px 10px;width : 275px; margin-bottom : 20px; margin-top : 5px;
	
-moz-border-radius : 16px;
	-webkit-border-radius : 16px;
	-o-border-radius : 16px;
	border-radius : 16px;
	
	-moz-box-shadow: 0px 2px 10px #838F93; 
	-webkit-box-shadow: 0px 2px 10px #838F93;
	box-shadow: 0px 2px 10px #838F93;
	
	background : #EAEAEA;
	background: -moz-linear-gradient(top,  #fff,  #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));}
	
#pourparticuliers { padding : 17px 10px 15px 10px;width : 275px; margin-bottom : 10px; 
	position :relative; overflow : hidden;
-moz-border-radius : 16px;
	-webkit-border-radius : 16px;
	-o-border-radius : 16px;
	border-radius : 16px;
	
	-moz-box-shadow: 0px 2px 10px #838F93; 
	-webkit-box-shadow: 0px 2px 10px #838F93;
	box-shadow: 0px 2px 10px #838F93;
	
	background : #EAEAEA;
	background: -moz-linear-gradient(top,  #fff,  #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));}
#pourparticuliers h3 { display : block; width : 159px; height : 67px; 
	position : absolute; top : -4px; left :-4px; z-index : 150;
		background : url(images/pourParticuliers.png) top left no-repeat; text-indent : -9000px;}
#pourparticuliers p { text-align : right;font-size : 13px;padding: 3px 0;}	

#siret { padding-left : 25px}

#etapescreaSite h3 { width : 90%;margin : 0 auto 12px auto;
	text-align : center ; color : #7C1415; border-bottom : 1px solid #7C1415;
		font-style : italic; font-size : 17px;line-height : 20px;}
#etapescreaSite ol { padding-left : 30px;margin-bottom : 20px;}	
#etapescreaSite li { color : #364B5A; list-style-type : upper-roman; font-size : 12px;
	 margin-bottom : 8px; }
#etapescreaSite cite {  border-bottom : 1px dotted #364B5A;cursor : help;
	position :relative; }
.infobulle { display : none; position: absolute; top : 24px; left : 15px; 
	background :#000; color : #fff; z-index : 1000;
	Font-family:  Arial, sans-serif;
	width : 230px; padding : 5px; border : 1px solid #808080;
	font-style : normal;
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	-o-border-radius : 8px;
	border-radius : 8px;
	}
.rouge { color : #7C1415;}	
#colDroiteService { position: relative;text-align : left; top : -90px; width : 630px; float: right;
	text-shadow : #DDF0F7 1px 1px 1px; margin-bottom : -90px;	}

#colDroiteService h2 { margin-bottom : 5px;
	text-align : center;text-transform : uppercase; color : #324653; font-size : 16px; line-height : 24px;
	border-bottom : 1px solid #fff;
	text-shadow : #fff 1px 1px 1px;}
	
#enteteServices { font-size : 16px; color : #731314; text-shadow : #EBB7AA 0px 1px 1px;
	line-height : 18px;margin-bottom : 05px;text-align : justify}
#enteteServices sup { font-size : 70%}
#avatar {float : right;margin : 15px 0 20px 5px;padding :5px; background : #fff;
	-moz-box-shadow: 0px 1px 5px #838F93; 
	-webkit-box-shadow: 0px 1px 5px #838F93;
	box-shadow: 0px 1px 5px #838F93;}

#presentation h3 { margin : 1px auto 3px auto;
	width : 475px; height : 24px; text-align : center;
	word-spacing : 0.5em;color : #fff;font-size : 18px; line-height : 21px;
	text-shadow : #353F43 0px 1px 1px;background : #87040C;}
#presentation h4 { font-size : 12px; font-weight : 600; line-height : 24px;text-align : left;}	

#presentation p:first-letter {padding-left : 0.8em; font-weight : bolder;font-size : 130%}
table#mySkills { width : 525px; margin : 15px 15px 20px 25px; }
#mySkills th {width : 265px;height: 32px; text-align : right; padding-right : 15px;font-size : 16px;text-shadow : #fff 0px 1px 1px;}
#mySkills th span { font-size : 70%; font-weight : lighter;}
#mySkills td {width : 240px;height: 32px; background : url(images/skills.jpg) bottom left repeat-x;}
#mySkills caption { font-size : 18px;text-decoration : underline;line-height : 24px;text-align : left;}

.cinqsurSix, .quatresurSix, .troissurSix, .deuxsurSix, .unsurSix {
	display : block; height : 32px;  text-indent : -9999px;
	background : url(images/skills.jpg) top left repeat-x;}

.cinqsurSix { width : 200px; }
.quatresurSix  { width : 160px; }
.troissurSix { width : 120px; }
.deuxsurSix { width : 80px; }
.unsurSix { width : 40px; }

#normeslibres { margin-top : 15px; line-height : 18px;text-align : justify}
 
#navigateurs a img {position :relative; top : 4px;padding-bottom : 1px;border-bottom : 1px solid #CEDFE6}
#navigateurs a:hover img { border-bottom : 1px dotted #324653}
 /* -- page contact -- */

#localisation { width : 295px; margin-bottom : 20px; background : #C3D1DC;position: relative; zoom :1;
-moz-box-shadow: 0px 2px 10px #838F93; 
	-webkit-box-shadow: 0px 2px 10px #838F93;
	box-shadow: 0px 2px 10px #838F93;}
	

#localisation h2 { display: block; color : #fff; background : #7C1415; height : 1.6em;
	font-size : 22px;line-height : 1.4em; margin-top : 5px; text-align : center; font-style : italic;}
#localisation div { text-align : center; color : #7C1415;font-size : 24px; margin : 0px 0px 8px 0;
	line-height : 26px; padding-bottom : 3px; position: relative; top : -8px;
-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	-o-border-radius : 8px;
	border-radius : 8px;
	
	-moz-box-shadow: 0px 2px 10px #838F93; 
	-webkit-box-shadow: 0px 2px 10px #838F93;
	box-shadow: 0px 2px 10px #838F93;
	
	background : #EAEAEA;
	background: -moz-linear-gradient(top,  #fff,  #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));
	}
#localisation div>span { display : block;text-align : center; color : #7C1415; 
	font-style : italic;  font-size : 18px }

h2#titreContact {font-size :14px;}

div#contactForm { padding : 10px 15px 15px 15px;width : 580px; margin: 25px auto 0 auto; 
	
-moz-border-radius : 16px;
	-webkit-border-radius : 16px;
	-o-border-radius : 16px;
	border-radius : 16px;
	
	-moz-box-shadow: 0px 2px 10px #838F93; 
	-webkit-box-shadow: 0px 2px 10px #838F93;
	box-shadow: 0px 2px 10px #838F93;
	
	background : #EAEAEA;
	background: -moz-linear-gradient(top,  #fff,  #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));}
	
 label { display : block;font-size : 20px; line-height : 28px}
 #forminput { margin-left : 50px }
 #forminput p { display : block; width : 250px; float : left;}
 
div#mess { display : block;clear : both;padding : 10px 0 10px 0} 
#mess textarea { display : block; width : 530px; height : 150px;margin : 0 auto	;
	background : #D3D3D3; border : 1px solid #ABABAB; font-size : 16px;}
	
 #forminput input 	{display : block; width : 270x; height : 25px;margin-left : 20px;
	background : #D3D3D3; border : 1px solid #ABABAB; font-size : 15px;}

.boutons { float: right;}

button.positive  {display : block; width : 120px; height : 30px; text-align : center;  
	margin-right : 50px;background : #731314; color : #fff; font-size : 17px;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	-o-border-radius : 7px;
	border-radius : 7px;
	
	border : 1px solid #fff; cursor : pointer}
	
#confirmMsg { display : block; text-align : center;}

/* --- validation mail --- */
.formError {
			position:absolute;
			top:300px; left:300px;
			width:120px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
.formError .formErrorContent {
		width:100%; 
		background:#000;
		color:#fff;
		font-family:tahoma;
		font-size:10px;
		box-shadow: 0px 0px 6px #000;
		-moz-box-shadow: 0px 0px 6px #000;
		-webkit-box-shadow: 0px 0px 6px #000;
		padding:4px 10px 4px 10px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
			}
.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
				
			}
.formError .formErrorArrow div{
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	font-size:0px; 
			}
.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}